@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:700;font-display:swap;src:url(fonts/cormorant-garamond-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Cinzel;font-weight:600;font-display:swap;src:url(fonts/cinzel-latin-600-normal.woff2) format('woff2')}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:#fffdf8;color:#0d2f35;line-height:1.65}
a{color:#0b3a42}
.wrap{width:min(820px,calc(100% - 32px));margin:auto}
.bar{background:#0b3a42;color:#fff}
.bar .wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;color:#ecdcbf;text-decoration:none}
.brand img{width:44px;height:44px}
.brand-txt{display:flex;flex-direction:column;line-height:1}
.brand-name{font-family:Cinzel,serif;font-weight:600;font-size:1.1rem;letter-spacing:.06em}
.brand-sub{font-size:.56rem;font-weight:600;letter-spacing:.42em;margin-top:5px;display:flex;align-items:center;gap:8px}
.brand-sub:before,.brand-sub:after{content:"";height:1px;background:currentColor;opacity:.7;flex:1}
.back{color:#d8e3e4;text-decoration:none;font-size:.92rem}
.doc{padding:48px 0 64px}
h1,h2{font-variant-numeric:lining-nums;font-feature-settings:'lnum' 1}
h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1.1;margin:0 0 8px}
h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:1.6rem;margin:34px 0 8px}
.hint{color:#5f6a6c;font-size:.92rem}
mark{background:#ffe58a;padding:0 3px;border-radius:3px}
.todo-banner{background:#fff4cc;border:1px solid #e6c65c;border-radius:12px;padding:14px 18px;margin-bottom:30px;font-size:.92rem}
.foot{background:#02242b;padding:24px 0;font-size:.9rem}
.foot a{color:#b7c8ca}
@media(max-width:520px){.back{font-size:0}.back:after{content:"← Start";font-size:.9rem}}