:root{--brand:#c92e45;--navy:#24243e;--text:#222439;--muted:#5b6070;--border:#e0e4eb}*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--brand);text-underline-offset:3px}button,input{font:inherit}a,button{touch-action:manipulation}:focus-visible{outline:3px solid #216cba;outline-offset:4px}.site-header{background:white;border-bottom:1px solid var(--border);padding:18px max(20px,calc((100vw - 1100px)/2));display:flex;align-items:center;gap:24px;justify-content:space-between}.logo{display:flex;gap:10px;align-items:center;color:var(--text);font-size:18px;font-weight:750;text-decoration:none}.logo img{width:42px;height:42px;object-fit:contain}.site-header nav{display:flex;gap:20px;font-size:14px}.site-header nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;color:var(--text)}main{max-width:1100px;margin:auto;padding:30px 24px 60px}.breadcrumbs{font-size:14px;margin-bottom:24px;color:var(--muted)}.breadcrumbs span{padding:0 8px}.eyebrow{font-size:13px;color:var(--brand);font-weight:650;margin:0 0 8px}h1{font-size:clamp(28px,4vw,38px);line-height:1.2;letter-spacing:-.025em;margin:0 0 18px;max-width:940px}h2{font-size:22px;line-height:1.3;margin:0 0 18px}.intro{font-size:17px;max-width:820px;color:var(--muted);margin:0 0 24px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid #d59aa4;background:white;color:var(--brand);border-radius:8px;padding:10px 18px;text-decoration:none;font-size:15px;cursor:pointer}.button.primary{background:var(--brand);border-color:var(--brand);color:white}.hint,.status{font-size:14px;color:var(--muted);max-width:800px;margin:12px 0}.status:empty{display:none}.pdf-preview{display:block;width:100%;height:76vh;min-height:440px;border:1px solid var(--border);border-radius:12px;background:#e8ebf0}.video-player{display:block;width:100%;max-height:72vh;aspect-ratio:16/9;background:#10101b;border-radius:12px}.related{border-top:1px solid var(--border);margin-top:36px;padding-top:28px}.related ul{padding-inline-start:20px}.related li{margin:10px 0}.site-footer{background:var(--navy);color:#c8cadc;padding:28px max(24px,calc((100vw - 1052px)/2));font-size:14px}.site-footer a{color:white}.directory-section{margin-top:36px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.resource-card{background:white;border:1px solid var(--border);border-radius:12px;padding:18px;color:var(--text);text-decoration:none}.resource-card:hover{border-color:var(--brand)}.resource-card strong{display:block;font-size:16px;line-height:1.4}.resource-card small{font-size:13px;color:var(--muted);display:block;margin-top:8px}.jump-links{display:flex;gap:18px;flex-wrap:wrap;font-size:15px}.share-dialog{width:450px;max-width:calc(100vw - 32px);border:0;border-radius:16px;padding:28px;max-height:90vh;overflow:auto;color:var(--text)}.share-dialog::backdrop{background:#17172e99}.share-dialog h2{padding-inline-end:35px}.dialog-close{position:absolute;inset-inline-end:12px;top:10px;width:44px;height:44px;border:0;background:none;color:var(--muted);font-size:26px;cursor:pointer}.qr{width:240px;max-width:100%;margin:16px auto}.qr svg{display:block;width:100%;height:auto}.share-dialog label{display:block;font-size:14px}.share-dialog input{width:100%;padding:10px;border:1px solid #bbc2cf;border-radius:8px;font-size:16px;margin:8px 0 12px}.share-dialog .button{width:100%}[hidden]{display:none!important}[dir=rtl] h1{letter-spacing:0}@media(max-width:720px){.site-header{padding:12px 16px;gap:12px}.site-header nav{gap:12px}.logo{font-size:16px}.logo img{width:36px;height:36px}.site-header nav a:last-child{display:none}main{padding:24px 16px 40px}.intro{font-size:16px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-preview{height:65vh;min-height:400px}.actions{gap:8px}.button{padding:9px 13px}.resource-card{padding:14px}}@media(max-width:390px){.directory-grid{grid-template-columns:1fr}.site-header nav{font-size:13px}}
