@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600;700&family=Public+Sans:wght@500;600;700;800&display=swap');
:root{--yr-ink:#0c1b2e;--yr-blue:#1d4ed8;--yr-muted:#667085;--yr-line:#e3e8ef;--yr-gutter:clamp(24px,3.2vw,60px)}
body.yr-platform{margin:0;background:#fff;color:var(--yr-ink);font:16px/1.65 Arimo,Arial,'PingFang SC',sans-serif;min-height:100svh;display:flex;flex-direction:column}.yr-platform *{box-sizing:border-box}.yr-platform [hidden]{display:none!important}.yr-platform a{color:var(--yr-blue)}.yr-platform h1,.yr-platform h2{font-family:'Public Sans',Arimo,Arial,sans-serif;letter-spacing:-.035em}.yr-platform main{flex:1;width:100%}
.yr-platform>.yr-header{position:sticky;top:0;z-index:100;min-height:64px;padding:10px var(--yr-gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;background:white;border-bottom:1px solid transparent;transition:background .3s,box-shadow .3s;flex-shrink:0}.yr-scrolled>.yr-header{background:#ffffffd9;border-color:var(--yr-line);backdrop-filter:blur(14px);box-shadow:0 10px 30px -24px #0c1b2e}
.yr-brand{display:flex;align-items:center;gap:24px;text-decoration:none}.yr-brand img{width:196px;height:22px;object-fit:contain}.yr-brand span{font-size:12px;color:var(--yr-muted);padding-left:24px;border-left:1px solid var(--yr-line);white-space:nowrap}.yr-header nav{display:flex;gap:24px;align-items:center}.yr-header nav a{color:var(--yr-ink);text-decoration:none;font-size:13px;font-weight:600}.yr-header button{background:white;color:var(--yr-ink);border:1px solid var(--yr-line);border-radius:6px;padding:10px 14px;font:600 13px Arimo,Arial,sans-serif;cursor:pointer}.yr-header nav .yr-website{background:var(--yr-blue);padding:10px 18px;border-radius:6px;color:white}
.yr-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px var(--yr-gutter);border-top:1px solid var(--yr-line);font-size:12px;color:var(--yr-muted)}.yr-footer strong{color:var(--yr-ink)}.yr-footer a{color:var(--yr-muted);text-decoration:none}
.yr-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--yr-blue);margin:0 0 20px}.yr-lead{font-size:17px;line-height:1.8;color:var(--yr-muted);margin:24px 0 0}.yr-gate{max-width:1440px;margin:auto;padding:70px var(--yr-gutter);display:grid;grid-template-columns:1fr minmax(340px,450px);gap:80px;align-items:center}.yr-gate h1,.yr-intro h1{font-size:clamp(36px,4.5vw,62px);line-height:1.25;margin:0}.yr-gate h1 span,.yr-intro h1 span{display:block;color:var(--yr-blue);margin-top:8px}.yr-card{border:1px solid var(--yr-line);border-top:4px solid var(--yr-blue);border-radius:8px;background:#fff;padding:34px;box-shadow:0 20px 55px -40px #0c1b2e88}.yr-login h2{font-size:26px;margin:0 0 28px}.yr-login label{display:block;margin:18px 0 10px;font-size:14px;font-weight:600}.yr-login input{width:100%;min-height:54px;border:1px solid #c9d1df;border-radius:6px;padding:12px 14px;font:inherit}.yr-primary{width:100%;margin-top:24px;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:var(--yr-blue);border:0;border-radius:6px;color:white;font:600 15px/1.5 Arimo,Arial,sans-serif;cursor:pointer}.yr-primary:disabled{opacity:.6}.yr-small{font-size:12px;color:var(--yr-muted);margin-top:20px}.yr-login [role=status]{font-size:14px;color:var(--yr-muted)}.yr-platform :focus-visible{outline:3px solid #1d4ed84d;outline-offset:3px}
.yr-hub{max-width:1440px;margin:auto;padding:56px var(--yr-gutter) 72px}.yr-intro h1{font-size:clamp(34px,3.5vw,50px)}.yr-tools{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px}.yr-tool{display:flex;flex-direction:column;min-height:260px;text-decoration:none;transition:transform .35s,box-shadow .35s}.yr-tool:hover{transform:translateY(-4px);box-shadow:0 20px 40px -28px #0c1b2e66}.yr-tool-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.06em;color:var(--yr-muted)}.yr-tool-top>span:first-child{font-weight:700;color:var(--yr-blue)}.yr-tool h2{margin:26px 0 14px;font-size:28px;color:var(--yr-ink)}.yr-tool>p{color:var(--yr-muted);font-size:15px;max-width:450px;margin:0 0 26px}.yr-tool-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700}.yr-tool-link b{font-size:24px;font-weight:400}.yr-handoff{max-width:800px;margin:auto;padding:60px 24px}
/* Preserve library controls and preview/share handlers, replacing only the outer shell. */
body.yr-library-page:has(.ys-library){background:#fff}.yr-library-page .ys-library>.ys-brand{display:none!important}.yr-library-page .ys-library{min-height:0;background:#fff;--ys-blue:#1d4ed8;--ys-ink:#0c1b2e;--ys-header-height:64px}.yr-library-page .ys-catalog-content{max-width:none;padding:42px var(--yr-gutter) 64px}.yr-library-page .ys-catalog-title h1{font-size:clamp(32px,3.2vw,44px)}.yr-library-page .ys-card,.yr-library-page .ys-filters{border-color:var(--yr-line);box-shadow:none}.yr-library-page .ys-card{border-top:3px solid var(--yr-blue)}
/* Question content, filters, answer keys and browser review storage stay in the existing app. */
.yr-questions-page>.header{position:static;background:#fff;border:0}.yr-questions-page>.header .header-inner{min-height:48px;padding-top:20px}.yr-questions-page>.header .brand{display:none}.yr-questions-page .shell{width:calc(100% - var(--yr-gutter)*2);max-width:none}.yr-questions-page main.shell{padding-top:20px}.yr-questions-page .status{border:1px solid var(--yr-line);border-radius:5px;background:#f4f6f9;color:var(--yr-muted);font-weight:500}.yr-questions-page .hero{border-bottom:1px solid var(--yr-line);gap:40px}.yr-questions-page .hero h1{font-size:clamp(34px,4vw,50px);line-height:1.2;letter-spacing:-.035em;text-transform:none}.yr-questions-page .hero-note{border-left:3px solid var(--yr-blue);background:#f4f6f9;font-weight:400;font-size:14px}.yr-questions-page .filters,.yr-questions-page .rail,.yr-questions-page .question{border:1px solid var(--yr-line);border-top:3px solid var(--yr-blue);border-radius:7px;box-shadow:none}.yr-questions-page .rail{top:90px}.yr-questions-page .topic-link,.yr-questions-page .topic-head{border-color:var(--yr-line)}.yr-questions-page .topic-head h2{font-size:28px}.yr-questions-page .pill{border:1px solid var(--yr-line);border-radius:5px;font-weight:600}.yr-questions-page .pill.active{background:var(--yr-blue)}.yr-questions-page .review-toolbar{background:var(--yr-ink);border:0;border-radius:7px;box-shadow:none}.yr-questions-page .review-toolbar input{box-sizing:border-box}.yr-questions-page .question-label,.yr-questions-page .response-panel,.yr-questions-page .review-decision{border-color:var(--yr-line)}
@media(max-width:800px){.yr-brand span{display:none}.yr-brand img{width:160px;height:22px}.yr-header nav{gap:14px}.yr-header .yr-website{display:none}.yr-gate{grid-template-columns:1fr;gap:36px;padding:40px 24px}.yr-gate h1{font-size:40px}.yr-card{padding:26px}.yr-hub{padding:36px 24px 56px}.yr-tools{grid-template-columns:1fr;gap:22px;margin-top:30px}.yr-tool{min-height:230px}.yr-footer{flex-wrap:wrap;gap:12px}.yr-footer>span{display:none}.yr-questions-page .hero{grid-template-columns:1fr;gap:20px}.yr-questions-page .layout{grid-template-columns:1fr}.yr-questions-page .rail{position:static}.yr-library-page .ys-catalog-content{padding:30px 24px 50px}}
@media(prefers-reduced-motion:reduce){.yr-platform *{scroll-behavior:auto!important;transition:none!important}}