/* PiCraft website shell (after login): one left menu, one search bar */
.sublist a{display:block;border:0;background:none;text-align:left;padding:7px 12px;font-size:14px;color:var(--muted);text-decoration:none;border-radius:0 6px 6px 0}
.sublist a:hover{color:var(--fg);background:var(--bg)}
.sublist a[aria-current="page"]{color:var(--primary);font-weight:700;background:var(--soft)}
.nav .item.grp .chev{margin-left:auto}
.nav .item[data-rk][aria-current="page"]{background:var(--soft);color:var(--primary)}
.nav .item .ai2{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:800;background:linear-gradient(120deg,#4255FF,#DB2777);color:#fff;border-radius:99px;padding:2px 8px}
body.on-cuet .tsearch{visibility:visible!important}
body .tabbar,body .installBar{display:none!important}
body main{padding-bottom:40px}
/* resource pages */
.rsH{--bg:#EEF1FF;--ac:#4255FF;background:var(--bg);border:1.5px solid color-mix(in srgb,var(--ac) 22%,#fff);border-radius:24px;padding:22px;margin-bottom:16px}
.rsH .k{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ac)}
.rsH h2{margin:4px 0 6px;font:800 clamp(24px,4vw,32px)/1.2 "Outfit","Segoe UI",sans-serif;color:#1f2540}
.rsH p{margin:0;color:#4a5170;max-width:640px}
.rsAct{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.rsAct button,.rsAct a{min-height:44px;padding:9px 18px;border-radius:12px;border:1.5px solid var(--ac);background:#fff;color:var(--ac);font-weight:800;text-decoration:none;cursor:pointer;font:inherit;font-weight:800;display:inline-flex;align-items:center}
.rsAct .pr{background:var(--ac);color:#fff}
.rsSoon{background:#fff;border:1.5px dashed #cfd5ee;border-radius:20px;padding:28px 20px;text-align:center}
.rsSoon b{display:block;font:800 20px "Outfit",sans-serif;margin-bottom:6px}
.rsSoon p{margin:0 auto 14px;max-width:460px;color:#5b6580}
.rsPick{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.rsPick button{min-height:46px;padding:10px 20px;border-radius:14px;border:1.5px solid var(--ac);background:#fff;color:var(--ac);font:inherit;font-weight:800;cursor:pointer}
.rsG{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.rsC{background:var(--bg);border:1.5px solid color-mix(in srgb,var(--ac) 22%,#fff);border-radius:20px;padding:18px}
.rsC h3{margin:0 0 6px;font:800 19px "Outfit",sans-serif}
.rsC p{margin:0 0 10px;color:#4a5170}
.rsC span.pl{display:inline-block;margin:0 6px 6px 0;padding:4px 12px;border-radius:99px;background:#fff;color:var(--ac);font-weight:700;font-size:13.5px}
.rsBody .pcx{margin-top:6px}
/* analysis */
.anK{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.anK div{background:var(--bg,#EEF1FF);border-radius:16px;padding:12px 14px}
.anK b{display:block;font:800 24px "Outfit",sans-serif;color:var(--ac,#4255FF)}
.anK span{font-size:13px;color:#5b6580}
.anBox{background:#fff;border:1px solid #e3e6f3;border-radius:20px;padding:16px;margin:12px 0}
.anBox h3{margin:0 0 10px;font:800 18px "Outfit",sans-serif}
.anRow{display:grid;grid-template-columns:minmax(110px,1.4fr) 3fr auto;gap:10px;align-items:center;width:100%;padding:8px 10px;border:0;background:none;border-radius:12px;text-align:left;font:inherit;cursor:pointer;color:inherit}
.anRow:hover{background:#f5f7ff}
.anRow .nm{font-weight:700;font-size:14.5px;line-height:1.3}
.anRow .nm small{display:block;font-weight:500;color:#7a829c;font-size:12.5px}
.anBar{height:14px;border-radius:99px;background:#eef0fa;overflow:hidden}
.anBar i{display:block;height:100%;border-radius:99px;background:var(--ac,#4255FF)}
.anRow .v{font-weight:800;font-size:14px;min-width:70px;text-align:right}
.anYr{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:8px}
.anYr div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font-size:11px;color:#5b6580}
.anYr i{display:block;width:100%;max-width:34px;border-radius:6px 6px 2px 2px;background:var(--ac,#4255FF)}
.anSel{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.anSel button{min-height:40px;padding:6px 14px;border-radius:99px;border:1.5px solid #d6dbf0;background:#fff;font:inherit;font-weight:700;cursor:pointer}
.anSel button.on{background:var(--ac,#4255FF);border-color:var(--ac,#4255FF);color:#fff}
@media(max-width:640px){.anRow{grid-template-columns:1fr auto}.anRow .anBar{grid-column:1/3;order:3}}
/* save it */
.svB{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border-radius:99px;border:1.5px solid #cfd5ee;background:#fff;color:#4a5170;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.svB[aria-pressed="true"]{background:#FFF3C4;border-color:#E9B400;color:#7a5a00}
.qf .svB{margin-left:8px}
.fc .svB{min-height:32px;padding:3px 10px;font-size:12.5px;margin-top:6px}
.svRow{margin:10px 0}
/* toppers strip */
.tpS{position:relative;margin:14px -36px 8px;overflow:hidden}
@media(max-width:900px){.tpS{margin-inline:-16px}}
.tpS h2{font:800 20px "Outfit",sans-serif;padding:0 36px 6px;margin:0}
@media(max-width:900px){.tpS h2{padding:0 16px 6px}}
.tpT{display:flex;gap:14px;width:max-content;padding:8px 0 12px;animation:tpRun 60s linear infinite}
.tpS:hover .tpT,.tpS:focus-within .tpT{animation-play-state:paused}
@keyframes tpRun{to{transform:translateX(-50%)}}
.tpC{flex:none;width:270px;border-radius:20px;padding:16px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));text-decoration:none;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 22px color-mix(in srgb,var(--c1) 30%,transparent);border:0;text-align:left;font:inherit;cursor:pointer}
.tpC .rk{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.06em;background:rgba(255,255,255,.25);padding:3px 10px;border-radius:99px}
.tpC .nm{font:800 22px/1.15 "Outfit",sans-serif}
.tpC .sc2{font-size:13.5px;opacity:.95}
.tpC .tt{font-size:14px;line-height:1.4;opacity:.95}
@media(prefers-reduced-motion:reduce){.tpT{animation:none}.tpS{overflow-x:auto}}
/* dashboard */
.mdBar{background:linear-gradient(135deg,#EEF1FF,#FDEBF4);border-radius:22px;padding:16px;margin-bottom:14px}
.mdBar .rs{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:10px 22px;border-radius:14px;border:0;background:linear-gradient(135deg,#4255FF,#7C3AED);color:#fff;font:inherit;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 8px 18px rgba(66,85,255,.3)}
.mdBar small{display:block;margin-top:6px;color:#5b6580}
.mdNav{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mdNav button{min-height:42px;padding:6px 16px;border-radius:99px;border:1.5px solid #cfd5ee;background:#fff;font:inherit;font-weight:700;cursor:pointer;color:#2f3650}
.mdTwo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:700px){.mdTwo{grid-template-columns:1fr}}
.mdA h4{margin:0 0 8px;font:800 16px "Outfit",sans-serif}
.mdA.str h4{color:#0b8a4a}.mdA.wk h4{color:#c2410c}
.mdR{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 0;border-bottom:1px dashed #e3e6f3}
.mdR b{font-size:14.5px}.mdR em{font-style:normal;font-weight:800}
.mdR small{grid-column:1/3;color:#7a829c}
.mdR .bar{grid-column:1/3;height:8px;border-radius:99px;background:#eef0fa;overflow:hidden}
.mdR .bar i{display:block;height:100%;background:#16A34A}.mdA.wk .mdR .bar i{background:#F06A1D}
.mdSv{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.mdSv button{text-align:left;border:1.5px solid #e3e6f3;background:#fff;border-radius:14px;padding:12px;font:inherit;cursor:pointer}
.mdSv b{display:block}.mdSv span{font-size:13px;color:#7a829c}