.ex8.ex9{--c-maths:#5B8DEF;--c-sci:#3FA66B;--c-cs:#F5A30A;--c-lang:#D9A21B;--c-lit:#E05C8A;--soft:#74684f;--rule:#e6d6ae}.ex8.ex9 .btn{min-height:44px;border-width:2px;border-radius:11px;box-shadow:0 3px 0 var(--ink);font-size:14px;padding:0 16px}.ex8.ex9 .btn.primary{font-size:15px;padding:0 20px}.ex8.ex9 .btn.quiet{box-shadow:none;border:1.5px solid #cbb98d;background:#fffdf6;min-height:40px;font-size:13px;padding:0 13px}.ex8.ex9 .link{display:inline-flex;align-items:center;gap:6px;font:800 13px var(--font);text-decoration:underline;text-underline-offset:4px;min-height:40px}.ex8.ex9 .cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}.ex8.ex9 .col{display:flex;flex-direction:column;gap:26px;min-width:0}.ex8.ex9 .box{background:#fffdf5;border:1.5px solid #e3d2a6;border-radius:16px;padding:20px 22px}.ex8.ex9 .box-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.ex8.ex9 .box-head h2,.ex8.ex9 .sec-head h2{font:800 19px var(--font);margin:0;letter-spacing:-.01em}.ex8.ex9 .box-head small,.ex8.ex9 .sec-head small{font:600 12px var(--font);color:var(--soft)}.ex8.ex9 .muted{margin:0;font:500 13px/1.6 var(--font);color:var(--ink-2)}.ex8.ex9 .eyebrow{font:800 11px var(--font);letter-spacing:.09em;text-transform:uppercase;color:var(--red)}.ex8.ex9 .hero{position:relative;background:var(--card);border:2px solid var(--ink);border-radius:20px;box-shadow:0 4px 0 var(--ink);padding:26px 28px 24px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:center}.ex8.ex9 .booklet{position:relative;width:132px;height:170px;transform:rotate(-5deg);margin-left:4px;background:#fff;border:2px solid var(--ink);border-radius:10px;box-shadow:4px 5px 0 var(--ink);padding:0;overflow:hidden}.ex8.ex9 .booklet:before{content:"";display:block;height:20px;background:var(--c-maths);border-bottom:2px solid var(--ink)}.ex8.ex9 .booklet b{display:block;font:800 11px/1.3 var(--font);padding:12px 12px 6px}.ex8.ex9 .booklet i{display:block;height:5px;margin:7px 12px;border-radius:3px;background:#efe4c6}.ex8.ex9 .booklet i:nth-of-type(2){width:60%}.ex8.ex9 .booklet small{position:absolute;bottom:10px;left:12px;font:700 10px var(--font)}.ex8.ex9 .booklet .pen{position:absolute;right:10px;bottom:28px;font:700 12px Kalam,cursive;color:#2141a1;transform:rotate(-4deg)}.ex8.ex9 .hero-body{min-width:0}.ex8.ex9 .hero-top{display:flex;align-items:flex-start;gap:16px}.ex8.ex9 .hero-top>div{flex:1;min-width:0}.ex8.ex9 .hero h2{font:800 30px/1.2 var(--font);margin:8px 0 0;letter-spacing:-.02em}.ex8.ex9 .tag{display:inline-block;font:700 12px var(--font);background:#efe6d2;border-radius:999px;padding:3px 10px;vertical-align:middle;margin-left:6px;letter-spacing:0}.ex8.ex9 .hero .sub{margin:8px 0 0;font:500 15px/1.5 var(--font);color:var(--ink-2)}.ex8.ex9 .hero-mid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;align-items:start}.ex8.ex9 .yum-say{display:flex;flex-direction:column;align-items:flex-end;gap:0;margin-top:6px}.ex8.ex9 .yum-say .rec-yum{display:block;width:96px;height:96px;flex:none;margin:4px 8px 0 0}.ex8.ex9 .yum-say .rec-yum svg{width:96px;height:96px;display:block}.ex8.ex9 .bubble{position:relative;background:#fff;border:1.5px solid var(--ink);border-radius:14px 14px 4px 14px;padding:10px 12px;font:700 14px/1.4 Kalam,cursive;margin:0;width:100%}.ex8.ex9 .prog{margin:18px 0 0;display:flex;align-items:center;gap:14px}.ex8.ex9 .bar{flex:1;height:10px;background:#efe3c3;border-radius:99px;overflow:hidden;border:1.5px solid var(--ink)}.ex8.ex9 .bar i{display:block;height:100%;background:var(--amber)}.ex8.ex9 .prog b{font:800 14px var(--font);white-space:nowrap}.ex8.ex9 .prog span{font:600 13px var(--font);color:var(--ink-2);white-space:nowrap}.ex8.ex9 .chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.ex8.ex9 .chips span{font:700 12px var(--font);border:1.5px solid #d8c597;background:#fffdf6;border-radius:8px;padding:5px 10px}.ex8.ex9 .hero-acts{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:20px}.ex8.ex9 .mock{background:#fff;border:2px solid var(--ink);border-radius:20px;box-shadow:0 4px 0 var(--ink);padding:22px;position:relative;overflow:hidden}.ex8.ex9 .mock:after{content:"";position:absolute;right:-46px;bottom:-46px;width:130px;height:130px;border-radius:50%;border:16px solid #e4f2e2;z-index:0}.ex8.ex9 .mock>*{position:relative;z-index:1}.ex8.ex9 .mock .row1{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.ex8.ex9 .free{font:800 11px var(--font);background:#d9f2e3;color:#2f7a55;border-radius:6px;padding:3px 8px}.ex8.ex9 .mock .eyebrow{color:#2f7a55}.ex8.ex9 .mock h3{font:800 23px/1.2 var(--font);margin:12px 0 4px;position:relative;z-index:1}.ex8.ex9 .count{display:flex;align-items:baseline;gap:10px;margin:14px 0 4px}.ex8.ex9 .count b{font:800 46px/1 var(--font);letter-spacing:-.03em}.ex8.ex9 .count span{font:700 15px var(--font)}.ex8.ex9 .mock ul{list-style:none;padding:0;margin:14px 0 0;border-top:1px solid #eadfc4}.ex8.ex9 .mock li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eadfc4;font:600 13px var(--font)}.ex8.ex9 .mock li b{font-weight:800}.ex8.ex9 .ok{color:#2f7a55;font-weight:800}.ex8.ex9 .mock .btn{width:100%;margin-top:16px}.ex8.ex9 .sec-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.ex8.ex9 .sec-head small{flex:1}.ex8.ex9 .papers{background:#fffdf5;border:1.5px solid #e3d2a6;border-radius:16px;overflow:hidden}.ex8.ex9 .prow{display:grid;grid-template-columns:minmax(0,1fr) 172px 118px 150px;align-items:center;gap:18px;padding:16px 20px 16px 22px;border-top:1px solid #eee2c4;position:relative}.ex8.ex9 .prow:first-child{border-top:0}.ex8.ex9 .prow:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--c)}.ex8.ex9 .subj{display:flex;align-items:center;gap:7px;font:700 12px var(--font);color:var(--ink-2)}.ex8.ex9 .subj i{width:9px;height:9px;border-radius:50%;background:var(--c)}.ex8.ex9 .pname{font:800 17px/1.3 var(--font);margin:4px 0 3px}.ex8.ex9 .pmeta{font:500 13px/1.45 var(--font);color:var(--soft)}.ex8.ex9 .seg{display:inline-flex;background:#f3ead3;border-radius:9px;padding:3px;gap:2px;justify-self:start}.ex8.ex9 .seg span{font:700 12px var(--font);padding:6px 10px;border-radius:7px;color:var(--ink-2);white-space:nowrap}.ex8.ex9 .seg .on{background:#fff;color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}.ex8.ex9 .last b{display:block;font:800 16px var(--font)}.ex8.ex9 .last small{display:block;font:600 12px/1.4 var(--font);color:var(--soft)}.ex8.ex9 .last a{font:700 12px var(--font);text-decoration:underline;text-underline-offset:3px}.ex8.ex9 .last.none b{color:var(--ink-2);font-size:14px}.ex8.ex9 .acts{display:flex;flex-direction:column;align-items:stretch;gap:2px}.ex8.ex9 .acts .btn{min-height:40px;font-size:13px;box-shadow:0 2px 0 var(--ink);padding:0 12px}.ex8.ex9 .acts .link{justify-content:center;font-size:12px;min-height:34px}.ex8.ex9 .tt{list-style:none;padding:0;margin:8px 0 0}.ex8.ex9 .tt li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eee2c4}.ex8.ex9 .tt li:first-child{border-top:0}.ex8.ex9 .tt i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}.ex8.ex9 .tt span{flex:1;min-width:0}.ex8.ex9 .tt b{display:block;font:800 14px/1.35 var(--font)}.ex8.ex9 .tt small{display:block;font:500 12px/1.45 var(--font);color:var(--soft)}.ex8.ex9 .tt .go{font:800 12px var(--font);border:1.5px solid var(--ink);border-radius:8px;padding:6px 10px;background:#fff;white-space:nowrap}.ex8.ex9 .box-foot{margin-top:10px;padding-top:12px;border-top:1px solid #eee2c4}.ex8.ex9 .trend-pv{margin-top:12px;background:#fbf5e4;border-radius:10px;padding:10px 12px 8px}.ex8.ex9 .pv-l{margin:0 0 4px;font:700 11px var(--font);color:var(--soft);display:flex;gap:8px;align-items:center}.ex8.ex9 .pv-l .ex{font:700 10px var(--font);border:1px solid #cdbb90;border-radius:4px;padding:1px 5px}.ex8.ex9 .axis{display:flex;justify-content:space-between;font:600 10px var(--font);color:var(--soft)}.ex8.ex9 .realx{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}.ex8.ex9 .months{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}.ex8.ex9 .months span{background:#fbf5e4;border-radius:8px;padding:8px 8px 9px;text-align:center}.ex8.ex9 .months b{display:block;font:800 12px var(--font);margin-bottom:6px}.ex8.ex9 .months i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e8dcc0;margin:0 2px}.ex8.ex9 .months .hot{background:#fde9b8}.ex8.ex9 .months .hot i{background:var(--amber)}.ex8.ex9 .realx small{display:block;margin-top:8px;font:600 12px var(--font);color:var(--soft)}@media(min-width:768px){.ex8.ex9 .cols{align-items:stretch}.ex8.ex9 .col>:last-child{flex-grow:1}}@media(max-width:1180px) and (min-width:768px){.ex8.ex9 .cols{grid-template-columns:minmax(0,1fr) 300px}.ex8.ex9 .hero-mid{grid-template-columns:1fr}.ex8.ex9 .yum-say{display:none}.ex8.ex9 .prow{grid-template-columns:minmax(0,1fr) 150px}.ex8.ex9 .prow .last{grid-column:1}.ex8.ex9 .prow .acts{grid-column:2}}@media(max-width:767px){.ex8.ex9 .cols{display:flex;flex-direction:column;gap:20px}.ex8.ex9 .col{display:contents}.ex8.ex9 .o1{order:1}.ex8.ex9 .o2{order:2}.ex8.ex9 .o3{order:3}.ex8.ex9 .o4{order:4}.ex8.ex9 .o5{order:5}.ex8.ex9 .o6{order:6}.ex8.ex9 .hero{grid-template-columns:1fr;padding:18px 16px 18px;gap:0;border-radius:18px}.ex8.ex9 .booklet{display:none}.ex8.ex9 .hero-mid{grid-template-columns:1fr;gap:12px}.ex8.ex9 .hero h2{font-size:24px}.ex8.ex9 .hero .tag{margin-left:0}.ex8.ex9 .hero .sub{font-size:14px}.ex8.ex9 .yum-say{flex-direction:row-reverse;align-items:center;margin:4px 0 0;order:-1;gap:8px}.ex8.ex9 .yum-say .rec-yum{width:76px;height:76px;margin:4px 4px 0 0}.ex8.ex9 .yum-say .rec-yum svg{width:76px;height:76px}.ex8.ex9 .bubble{font-size:14px;border-radius:14px 14px 14px 4px}.ex8.ex9 .prog{flex-wrap:wrap;gap:8px 12px}.ex8.ex9 .bar{flex:1 1 100%;order:3}.ex8.ex9 .hero-acts{gap:8px 14px}.ex8.ex9 .hero-acts .btn.primary{width:100%}.ex8.ex9 .mock{padding:18px}.ex8.ex9 .count b{font-size:40px}.ex8.ex9 .prow{grid-template-columns:minmax(0,1fr) auto;gap:12px 12px;padding:16px 16px 16px 18px}.ex8.ex9 .prow .pinfo{grid-column:1/-1}.ex8.ex9 .prow .seg{grid-column:1;align-self:center}.ex8.ex9 .prow .last{grid-column:2;text-align:right}.ex8.ex9 .prow .last small{display:inline}.ex8.ex9 .prow .last a{display:block}.ex8.ex9 .acts{grid-column:1/-1!important;flex-direction:row-reverse!important;justify-content:space-between}.ex8.ex9 .acts .btn{flex:1}.ex8.ex9 .acts .link{min-height:40px;padding:0 4px}.ex8.ex9 .realx{grid-template-columns:1fr}.ex8.ex9 .realx .btn{width:100%}.ex8.ex9 .box{padding:18px 16px}}.ex8.ex9 .seg button{font:700 12px var(--font);padding:6px 10px;border-radius:7px;color:var(--ink-2);white-space:nowrap;border:0;background:transparent;cursor:pointer;min-height:30px}.ex8.ex9 .seg button.on{background:#fff;color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}.ex8.ex9 .seg button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.ex8.ex9 .prog .bar i{width:0}.ex8.ex9 .realx .tt li>b{font:800 13px var(--font);white-space:nowrap}.ex8.ex9 .seg{border:0;border-radius:9px;background:#f3ead3;padding:3px;flex-wrap:wrap;max-width:100%}@media(min-width:1181px){.ex8.ex9 .prow{grid-template-columns:minmax(0,1fr) auto 118px 150px}}.ex8.ex9 .months span{display:block;border:0;background:#fbf5e4;padding:8px 8px 9px}.ex8.ex9 .months b{display:block;font:800 12px var(--font);color:var(--ink);margin-bottom:6px}.ex8.ex9 .months i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e8dcc0;margin:0 2px}.ex8.ex9 .months .hot{background:#fde9b8}.ex8.ex9 .months .hot i{background:var(--amber)}.ex8.ex9 .months .hot b{color:var(--ink)}.ex8.ex9 .tt li>span{flex:1 1 auto;min-width:0}.ex8.ex9 .tt .go{flex:none;width:auto;display:inline-flex;align-items:center;min-height:34px}@media(max-width:767px){.ex8.ex9 .title-row{flex-wrap:wrap}.ex8.ex9 .title-actions,.ex8.ex9 .title-actions .btn{width:100%}.ex8.ex9 .prow .last{min-width:110px}.ex8.ex9 .prow .seg{grid-column:1}}@media(max-width:767px){.ex8.ex9 .prow .seg{flex-wrap:nowrap;width:max-content;max-width:100%;overflow-x:auto}}@media(max-width:767px){.ex8.ex9 .prow .seg{grid-column:1/-1}.ex8.ex9 .prow .last{grid-column:1/-1;text-align:left}}