/* Canonical V2 chrome. Loaded last on every public surface. */
.site-header{position:sticky;top:0;z-index:50;background:#fcfbfa;border-bottom:1px solid #dedcd8;font-family:"IBM Plex Sans",system-ui,sans-serif}
.site-header .header-row{width:min(1200px,calc(100% - 40px));height:68px;margin:auto;display:flex;align-items:center;gap:28px}
.site-header .logo{display:flex;flex-direction:column;color:#181a1f;text-decoration:none;line-height:1;flex:none}.site-header .logo-word{font-size:19px;font-weight:700}.site-header .logo-tagline{margin-top:5px;font:500 8px "IBM Plex Mono",monospace;letter-spacing:.12em;color:#858a92}
.site-header .main-nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-left:auto;flex:1}.site-header .nav-link{padding:25px 0 20px;color:#5f646d;text-decoration:none;font-size:13.5px;font-weight:500;border-bottom:2px solid transparent;white-space:nowrap}.site-header .nav-link:hover,.site-header .nav-link.is-active{color:#181a1f;border-bottom-color:#8b1e24}
.site-header .header-actions{position:relative;display:flex;align-items:center;gap:9px;flex:none}.site-header .icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#181a1f;cursor:pointer}.site-header .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font:600 13px "IBM Plex Sans",system-ui,sans-serif;border-radius:7px;cursor:pointer}.site-header .btn-primary{padding:10px 14px;border:1px solid #8b1e24;background:#8b1e24;color:#fff}.site-header .mobile-menu-trigger{display:none;font-size:18px}
.header-menu{position:absolute;top:58px;right:0;width:280px;padding:14px;background:#fff;border:1px solid #dedcd8;border-radius:10px;box-shadow:0 12px 28px rgba(24,26,31,.12)}.header-menu p{font-size:12px;line-height:1.4;margin:0 0 10px;color:#5f646d}.header-menu a{display:block;padding:8px 0;border-top:1px solid #dedcd8;font-size:13px;color:#181a1f;text-decoration:none}
.mobile-backdrop{position:fixed;z-index:29;inset:0;background:rgba(24,26,31,.2)}.mobile-menu{position:fixed;z-index:60;inset:68px 0 auto;max-height:calc(100dvh - 68px);overflow:auto;padding:18px max(20px,calc((100vw - 1200px)/2));background:#fff;border-bottom:1px solid #dedcd8;box-shadow:0 12px 22px rgba(24,26,31,.1)}.mobile-menu a,.mobile-menu button{display:block;width:100%;padding:11px 0;border:0;border-bottom:1px solid #dedcd8;background:transparent;text-align:left;color:#181a1f;font:500 14px "IBM Plex Sans",system-ui,sans-serif;text-decoration:none}.mobile-menu .menu-close{color:#8b1e24}
.search-dialog{position:fixed;z-index:70;inset:0;overflow:auto;padding:9vh max(20px,calc((100vw - 1200px)/2));background:rgba(24,26,31,.32);font-family:"IBM Plex Sans",system-ui,sans-serif}.search-shell{max-width:680px;margin:auto;padding:20px;background:#fff;border:1px solid #dedcd8;border-radius:12px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-head label{font-weight:600}.search-head button{border:0;background:transparent;color:#8b1e24;font:600 13px inherit;cursor:pointer}.search-dialog input{width:100%;margin-top:14px;padding:12px;border:1px solid #b9b8b5;border-radius:8px;font:inherit}.search-results{max-height:55vh;overflow:auto}.search-result{display:block;padding:11px 0;border-bottom:1px solid #dedcd8;color:#181a1f;text-decoration:none}.search-result small{display:block;color:#8b1e24;font:500 10px "IBM Plex Mono",monospace}.search-result strong{display:block;margin-top:3px;font-size:14px}.search-help{color:#5f646d;font-size:14px}
.site-footer{border-top:1px solid #dedcd8;background:#fcfbfa;padding:0;font-family:"IBM Plex Sans",system-ui,sans-serif}.site-footer .footer-row{width:min(1200px,calc(100% - 40px));min-height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#5f646d;font-size:12.5px}.site-footer .footer-nav{display:flex;gap:20px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:#181a1f}
[hidden]{display:none!important}.shell-modal-open{overflow:hidden}
.editorial-v2{--accent:#8b1e24;--accent-dark:#74181d;--ink:#181a1f;--muted:#5f646d;--line:#dedcd8;--paper:#fcfbfa;color:#181a1f;background:#fcfbfa;font-family:"IBM Plex Sans",system-ui,sans-serif}.editorial-v2 h1,.editorial-v2 h2,.editorial-v2 h3,.editorial-v2 h4,.editorial-v2 button,.editorial-v2 input,.editorial-v2 textarea,.editorial-v2 select{font-family:"IBM Plex Sans",system-ui,sans-serif!important}.editorial-v2 .eyebrow,.editorial-v2 .kicker,.editorial-v2 .hero-meta,.editorial-v2 .row-no,.editorial-v2 .field-label{font-family:"IBM Plex Mono",monospace!important}.editorial-v2 main a:not(.text-action):not(.kaynak-link):focus-visible,.editorial-v2 button:focus-visible{outline:2px solid #8b1e24;outline-offset:3px}
.lesson-workspace-v2{--ink:#181a1f;--teal:#8b1e24;--teal2:#74181d;--amber:#8b1e24;--paper:#fcfbfa;--line:#dedcd8;--muted:#5f646d;background:#fcfbfa;color:#181a1f;font-family:"IBM Plex Sans",system-ui,sans-serif}.lesson-workspace-v2>main h1,.lesson-workspace-v2>main h2{font-family:"IBM Plex Sans",system-ui,sans-serif!important}.lesson-workspace-v2>main h1{font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-.05em}.lesson-workspace-v2>main .period{border-radius:12px}.lesson-workspace-v2>main .period button{background:#8b1e24;border-color:#8b1e24;font-family:"IBM Plex Sans",system-ui,sans-serif}
@media(max-width:1080px){.site-header .main-nav{display:none}.site-header .mobile-menu-trigger{display:flex}.site-header .header-actions{margin-left:auto}}
@media(max-width:480px){.site-header .header-row{width:calc(100% - 28px);height:60px;gap:6px}.site-header .logo{min-width:0}.site-header .logo-word{font-size:17px}.site-header .logo-tagline{font-size:7px;letter-spacing:.08em}.site-header .header-actions{gap:2px;min-width:0}.site-header .icon-btn{width:36px;height:36px}.site-header .btn-primary{padding:8px 9px;font-size:11.5px;white-space:nowrap}.mobile-menu{inset:60px 0 auto;max-height:calc(100dvh - 60px);padding:14px}.site-footer .footer-row{width:calc(100% - 32px);padding:20px 0;align-items:flex-start;flex-direction:column}.site-footer .footer-nav{flex-wrap:wrap}.search-dialog{padding:6vh 14px}}