:root{--color1:#ecfaf4;--color2:silver;--font-family1:"Archivo", sans-serif;--font-family2:"Manrope", sans-serif}.pyq-base{flex-direction:column;justify-content:center;align-items:center;width:86%;height:100%;padding:50px 100px 64px;display:flex}.pyq-header{word-wrap:break-word;flex-direction:column;justify-content:center;align-items:center;width:69%;display:flex}.pyq-pagename{font-size:24px;font-family:var(--font-family1);letter-spacing:1%;background-color:#facc15;border-radius:8px;margin-bottom:12px;padding:4px 8px;font-weight:500;line-height:36px}.pyq-heading{font-family:var(--font-family2);text-align:center;letter-spacing:1.1px;gap:12px;font-size:64px;font-weight:600;line-height:64px}.pyq-input{flex-direction:column;gap:16px;width:100%;display:flex}.input-field{justify-content:space-between;align-items:center;gap:16px;width:70%;height:64px;display:flex}.pagination-buttons{display:none}@media screen and (min-width:1470px){.pagination-buttons{gap:.25rem;display:flex}}@media (max-width:767px){.pyq-base{gap:48px;width:100%;height:auto;margin-top:50px;margin-bottom:48px;padding:0}.pyq-header{width:90%;margin:0;padding:0}.pyq-header .pyq-heading{letter-spacing:-3%;text-align:center;font-size:36px;font-weight:600;line-height:44px}.pyq-input{margin-top:0}.pyq-input .input-field{flex-direction:column;gap:16px;width:90%;margin:48px 0;display:flex}.pyq-input .input-field>Button{width:100%}}
.pyq-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:28px;width:100%;padding-bottom:88px;display:grid}.filters{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:24px;position:sticky;top:92px}.filters h4{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:18px 0 10px;font-size:.78rem}.filters h4:first-child{margin-top:0}.fchips{flex-wrap:wrap;gap:8px;display:flex}.fchips button{border:1.5px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;padding:6px 13px;font-size:.84rem;font-weight:600;transition:all .15s}.fchips button:hover:not(.on){border-color:var(--ink-soft)}.qcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);margin-bottom:16px;padding:26px 28px}.qcard .meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.qcard .qtext{font-size:1.08rem;font-weight:600;line-height:1.55}.qcard .opts{gap:8px;margin:16px 0 6px;display:grid}.qcard .opt{border:1.5px solid var(--line);color:var(--ink-soft);cursor:pointer;border-radius:12px;gap:10px;padding:10px 16px;font-size:.95rem;transition:all .15s;display:flex}.qcard .opt:hover{border-color:var(--ink-soft);background:#f8fafc}.qcard .opt.correct{border-color:var(--green-deep);background:var(--green-tint);color:var(--green-dark);font-weight:600}.qcard .opt.wrong{color:#b91c1c;background:#fef2f2;border-color:#f87171;font-weight:600}.icon-btn.correct-btn{border-color:var(--green-deep);color:var(--green-dark);background:var(--green-tint)}.icon-btn.wrong-btn{color:#b91c1c;background:#fef2f2;border-color:#f87171}.icon-btn.on{background:var(--green-tint);border-color:var(--green-deep);color:var(--green-dark)}.qcard .opt b{color:var(--ink)}.qactions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.qactions .spacer{flex:1}.icon-btn{border:1.5px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:10px;padding:7px 12px;font-size:.88rem;font-weight:600;transition:all .15s}.icon-btn:hover{border-color:var(--ink);color:var(--ink)}.count-note{color:var(--ink-faint);margin:4px 0 16px;font-size:.9rem}.pyq-search-bar{gap:10px;margin:18px 0 0;display:flex}.pyq-search-bar input{border:1.5px solid var(--line);height:44px;color:var(--ink);background:#fff;border-radius:10px;outline:none;flex:1;padding:0 14px;font-size:.95rem}.pyq-search-bar input:focus{border-color:var(--green-deep)}.pyq-search-bar button{height:44px}.pyq-page-head{padding:48px 0 20px}.pyq-page-head h1{font-size:clamp(2rem,4vw,2.8rem);font-family:var(--font-display);letter-spacing:-.02em;margin:12px 0 8px;font-weight:800;line-height:1.06}.cta-panel{border-radius:var(--r-lg);text-align:center;background:linear-gradient(135deg,#0f3d23,#1f6b3f);margin-top:16px;padding:44px 24px}.cta-panel h2{color:#fff;position:relative}.cta-panel .lead{color:#fffc}@media (max-width:960px){.pyq-layout{grid-template-columns:minmax(0,1fr)}.filters{position:static}}.seg{border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;overflow:hidden}.seg button{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;flex:1;padding:10px 18px;font-size:.95rem;font-weight:600;transition:background .2s}.seg button.on{color:var(--ink);border-bottom:2px solid var(--green-deep);background:#f0f4f8}.seg button:hover:not(.on){background:#f8fafc}.fchips button.on{background:var(--green-tint)!important;border-color:var(--green-deep)!important;color:var(--green-dark)!important}.qcard .opt b{font-variant-ligatures:none;font-feature-settings:"liga" 0, "clig" 0, "calt" 0, "dlig" 0;text-rendering:optimizespeed}.pyq-root .wrap{width:100%}.pyq-layout>main{min-width:0}@media (max-width:600px){.pyq-search-bar{flex-wrap:wrap}.pyq-search-bar input{flex:100%;order:-1}.pyq-search-bar>button[role=combobox]{flex:auto;width:auto!important}.pyq-search-bar>button[type=submit]{flex:none}}
