/* BEIIU magazine: varied image rhythm, readable long-form text, quiet supply references. */
.text-link { font-size:16px; font-weight:700; text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:5px; }
.journal-header,.journal-main,.journal-footer { max-width:1320px; margin-inline:auto; padding-inline:28px; }
.journal-safety { padding:8px 24px; background:var(--ink); color:var(--bg); text-align:center; font-size:14px; line-height:1.6; }
.journal-header { display:flex; align-items:center; gap:36px; min-height:100px; border-bottom:1px solid var(--line); }
.journal-header .brand { font-size:28px; letter-spacing:.06em; }
.journal-header nav { display:flex; gap:28px; align-items:center; flex:1; }
.journal-header nav a,.language-link { font-size:16px; text-decoration:none; }
.language-link { padding:8px 12px; border:1px solid var(--line); border-radius:5px; }
.journal-masthead { padding:64px 0 46px; max-width:850px; }
.journal-masthead>.eyebrow { color:var(--signal); }
.journal-masthead h1 { font-size:clamp(35px,4.5vw,62px); letter-spacing:-.055em; line-height:1.16; margin:25px 0; font-weight:740; }
.journal-masthead>p { font-size:17px; line-height:1.9; color:var(--ink-2); max-width:660px; }
.journal-lead { display:block; position:relative; isolation:isolate; color:white; text-decoration:none; overflow:hidden; border-radius:12px; min-height:510px; background:#253131; }
.journal-lead>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.journal-lead::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#061418dc,#06141888 50%,#06141811); }
.journal-lead>div { max-width:640px; padding:140px 48px 64px; }
.journal-lead h2 { font-size:clamp(30px,3.5vw,46px); letter-spacing:-.045em; line-height:1.25; margin:24px 0 18px; }
.journal-lead p { font-size:17px; line-height:1.8; color:#dce3e0; }
.journal-lead .text-link { display:inline-block; margin-top:20px; }
.journal-filter { display:flex; flex-wrap:wrap; gap:10px; padding:34px 0; }
.journal-search { display:flex; gap:14px; align-items:flex-end; padding-top:35px; }
.journal-search label { flex:1; }.journal-search label>span { display:block; font-size:16px; margin-bottom:10px; }
.journal-search input { width:100%; min-height:50px; background:var(--card); color:var(--ink); border:1px solid var(--line); border-radius:6px; padding:11px 15px; font-size:17px; }
.journal-filter button { border:1px solid var(--line); border-radius:5px; background:transparent; padding:10px 13px; font-size:16px; cursor:pointer; }
.journal-filter button.on { background:var(--ink); color:var(--bg); border-color:var(--ink); }
.journal-grid,.journal-home-grid { columns:3; column-gap:28px; }
.journal-card { break-inside:avoid; display:inline-block; vertical-align:top; width:100%; margin-bottom:42px; }
.journal-card[hidden] { display:none; }
.journal-card>a { display:block; text-decoration:none; }
.journal-card figure { position:relative; aspect-ratio:1.4; border-radius:8px; overflow:hidden; background:#273432; }
.journal-card figure img { width:100%; height:100%; object-fit:cover; display:block; }
.journal-card.shape-portrait figure { aspect-ratio:.78; }
.journal-card.shape-wide figure { aspect-ratio:1.9; }
.journal-card-copy { padding:21px 0 0; }
.journal-card-copy .eyebrow { color:var(--ink-2); font-size:14px; }
.journal-card h2 { display:flex; justify-content:space-between; gap:16px; font-size:24px; line-height:1.35; letter-spacing:-.04em; margin:12px 0; }
.journal-card h2>span { color:var(--signal); font-size:23px; font-weight:400; }
.journal-card-copy p { margin:0; font-size:17px; line-height:1.9; color:var(--ink-2); }
.journal-card .scene-label { max-width:85%; font-size:12px; }
.topic-directory { margin:35px 0 65px; border-block:1px solid var(--line); padding:35px 0; }
.topic-directory>h2 { font-size:32px; letter-spacing:-.04em; }
.topic-directory>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.topic-directory a { text-decoration:none; border-top:1px solid var(--line); padding-top:18px; }
.topic-directory b { font-size:17px; }
.topic-directory p { font-size:16px; line-height:1.9; color:var(--ink-2); }
.procurement-band { background:var(--card); border-top:2px solid var(--ink); padding:36px 40px; margin:44px 0 24px; }
.procurement-band .eyebrow { color:var(--signal); }
.procurement-band h2 { font-size:32px; letter-spacing:-.035em; line-height:1.3; margin:20px 0; }
.procurement-band p { max-width:700px; font-size:17px; line-height:1.9; color:var(--ink-2); margin-bottom:28px; }
.journal-footer { display:flex; flex-wrap:wrap; gap:22px; align-items:center; padding-block:45px; margin-top:65px; border-top:1px solid var(--line); }
.journal-footer>p { flex:1; font-size:14px; line-height:1.8; color:var(--ink-2); min-width:200px; }
.journal-footer>a:not(.brand) { font-size:16px; }
.story-breadcrumb { margin-top:30px; font-size:14px; color:var(--ink-2); }
.story-breadcrumb a { text-decoration:none; }
.story-header { padding:45px 0 36px; max-width:1000px; }
.story-header>.eyebrow { color:var(--signal); }
.story-header h1 { font-size:clamp(35px,4.6vw,63px); line-height:1.18; letter-spacing:-.05em; margin:24px 0; }
.story-deck { font-size:19px; line-height:1.8; color:var(--ink-2); max-width:760px; }
.story-byline { font-size:14px; color:var(--ink-2); margin-top:26px; }
.story-cover { position:relative; margin:0; }
.story-cover img { display:block; width:100%; aspect-ratio:1.85; object-fit:cover; border-radius:9px; }
.story-cover.shape-portrait img { aspect-ratio:1.7; object-position:center 35%; }
.story-cover.shape-wide img { aspect-ratio:2.3; }
.story-cover figcaption { font-size:14px; color:var(--ink-2); padding:12px 0; }
.story-layout { display:grid; grid-template-columns:minmax(0,760px) minmax(220px,1fr); gap:90px; margin:38px 0 65px; }
.story-body { min-width:0; }
.story-intro { font-size:20px; line-height:2; letter-spacing:-.015em; margin-top:0; }
.chapter-toc { border-block:1px solid var(--line); padding:22px 0; margin:30px 0; display:grid; gap:12px; }
.chapter-toc b { font-size:17px; }
.guide-notes-card { text-decoration:none; overflow:hidden; display:block; }
.guide-notes-card>img { width:100%; aspect-ratio:1.55; object-fit:cover; border-radius:7px; margin-bottom:16px; }
.guide-notes-card h3 { font-size:25px; line-height:1.4; margin:15px 0; }
.guide-notes-card p { font-size:17px; line-height:1.8; color:var(--ink-2); }
.assistant-resources { display:grid; gap:10px; margin-top:20px; }
.assistant-resources>a { text-decoration:none; }
.chapter-toc a { font-size:17px; line-height:1.8; text-decoration:none; }
.knowledge-section { scroll-margin-top:35px; }
.knowledge-section p { font-size:19px; line-height:2; margin:0 0 30px; }
.story-body h2 { font-size:26px; margin:38px 0 20px; letter-spacing:-.035em; }
.story-urgent { border-inline-start:3px solid var(--signal); padding-inline-start:17px; font-size:16px; line-height:1.9; color:var(--ink-2); }
.in-story-supplies { margin:32px 0; padding:25px 0; border-block:1px solid var(--line); }
.in-story-supplies>.eyebrow { color:var(--ink-2); font-size:14px; letter-spacing:.08em; }
.in-story-supplies>div { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.gear-reference { border:1px solid var(--line); padding:12px 14px; border-radius:5px; text-decoration:none; flex:1; min-width:155px; }
.gear-reference span { display:block; font-size:16px; line-height:1.5; font-weight:600; }
.gear-reference small { display:block; color:var(--ink-2); font-size:14px; margin-top:8px; }
.in-story-supplies>p { font-size:14px; line-height:1.8; color:var(--ink-2); margin:16px 0 0; }
.matched-product { display:flex; width:100%; justify-content:space-between; gap:20px; padding:13px; border:1px solid var(--line); text-decoration:none; font-size:16px; }
.video-library { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:45px 28px; }.video-card:first-child { grid-column:1/-1; }
.video-home-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }.video-home-grid .scenario-body h3 { font-size:25px; }.video-home-grid .scenario-body p { font-size:17px; }
.video-card video,.video-detail video { display:block; width:100%; aspect-ratio:16/9; background:#132328; border-radius:9px; }
.video-card>.eyebrow { color:var(--signal); margin-top:20px; }.video-card h2 { font-size:30px; line-height:1.3; margin:17px 0; }.video-card h2 a { text-decoration:none; }.video-card>p { color:var(--ink-2); font-size:17px; line-height:1.8; margin-bottom:24px; }
.video-detail h2 { font-size:28px; margin-top:38px; }.video-detail ol { font-size:18px; line-height:2; padding-inline-start:25px; max-width:850px; }.video-detail li { margin-bottom:15px; }.video-disclosure { font-size:16px; color:var(--ink-2); }.video-detail .in-story-supplies { max-width:850px; }
.preparation-notes { padding-inline-start:25px; font-size:17px; line-height:1.9; }
.preparation-notes li { padding-inline-start:9px; margin-bottom:16px; }
.source-note { margin-top:35px; padding:22px 25px; background:var(--card); border-radius:7px; }
.source-note h2 { font-size:17px; margin:0 0 17px; }
.source-note ul { padding-inline-start:16px; font-size:16px; line-height:1.9; }
.source-note p,.source-note>a { font-size:14px; line-height:1.9; color:var(--ink-2); }
.story-sidebar { border-top:2px solid var(--ink); padding-top:22px; }
.story-sidebar h2 { font-size:23px; margin-top:23px; }
.story-sidebar p { font-size:16px; line-height:1.9; color:var(--ink-2); }
.story-sidebar hr { border:0; border-top:1px solid var(--line); margin:30px 0; }
.story-sidebar>a { font-size:16px; }
.story-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:25px; }
.story-actions button { font-size:16px; border:1px solid var(--line); background:transparent; padding:12px 15px; border-radius:5px; cursor:pointer; }
#readerStatus { font-size:16px; color:var(--ink-2); min-height:20px; }
.more-stories { border-top:1px solid var(--line); padding-top:35px; }
.more-stories>h2 { font-size:30px; margin:17px 0 28px; }
.journal-grid.compact { columns:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.compact .journal-card figure { aspect-ratio:1.5; }
.compact .journal-card { margin:0; }
.policy-body { max-width:800px; }
.policy-body section { border-top:1px solid var(--line); padding:20px 0; }
.policy-body h2 { font-size:23px; }
.policy-body p { font-size:17px; line-height:1.95; color:var(--ink-2); }
.procurement-hero { display:grid; grid-template-columns:1fr 1fr; gap:45px; padding-top:55px; }
.procurement-hero>div { padding:35px 0; }
.procurement-hero h1 { font-size:clamp(34px,3.8vw,55px); line-height:1.2; letter-spacing:-.05em; margin:27px 0; }
.procurement-hero p { color:var(--ink-2); font-size:17px; line-height:1.9; margin-bottom:28px; }
.procurement-hero figure { position:relative; border-radius:9px; overflow:hidden; margin:0; }
.procurement-hero img { position:absolute; width:100%; height:100%; object-fit:cover; }
.procurement-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; margin:55px 0; }
.procurement-process>div { border-top:2px solid var(--ink); padding-top:20px; }
.procurement-process .eyebrow { color:var(--signal); }
.procurement-process p { font-size:16px; color:var(--ink-2); line-height:1.8; }
.procurement-scope { padding:30px 0; border-block:1px solid var(--line); }
.procurement-scope h2 { font-size:30px; letter-spacing:-.04em; }
.procurement-scope>div { display:flex; flex-wrap:wrap; gap:10px; }
.procurement-scope a { border:1px solid var(--line); border-radius:4px; padding:12px; font-size:16px; text-decoration:none; }
.procurement-scope p { max-width:800px; font-size:16px; line-height:1.9; color:var(--ink-2); }
.project-brief { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; padding:60px 0 20px; }
.project-brief h2 { font-size:32px; letter-spacing:-.04em; line-height:1.3; }
.project-brief>div>p { color:var(--ink-2); line-height:1.9; font-size:17px; }
.project-brief>div>p.small { font-size:14px; }
.procurement-form { display:grid; grid-template-columns:1fr 1fr; gap:22px 18px; }
.proc-field>span { display:block; font-size:16px; margin-bottom:9px; }
.proc-field input,.proc-field textarea { display:block; width:100%; background:var(--card); color:var(--ink); border:1px solid var(--line); border-radius:5px; min-height:46px; padding:10px 12px; font-size:17px; }
.proc-field.full,.proc-consent,#procurementStatus { grid-column:1/-1; }
.proc-consent { display:flex; gap:12px; align-items:flex-start; font-size:16px; line-height:1.9; }
.proc-consent input { margin-top:5px; flex-shrink:0; }
#procurementStatus { font-size:16px; line-height:1.9; }
.honey { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:1000px) { .journal-header { gap:22px; } .journal-header nav { gap:18px; } .story-layout { gap:40px; grid-template-columns:minmax(0,1fr) 220px; } .journal-card h2 { font-size:21px; } .project-brief { gap:35px; } }
@media(max-width:700px) {
 .video-home-grid { grid-template-columns:1fr; gap:35px; }
 .video-library { display:block; }.video-card { margin-bottom:40px; }.video-card h2 { font-size:28px; }.video-detail ol { font-size:17px; }
 .journal-header,.journal-main,.journal-footer { padding-inline:18px; }
 .journal-safety { padding:7px 18px; font-size:12px; text-align:start; }
 .journal-header { min-height:83px; gap:18px; flex-wrap:wrap; padding-block:18px; }
 .journal-header .brand { font-size:23px; } .journal-header nav { order:3; flex-basis:100%; justify-content:space-between; gap:14px; } .journal-header nav a { font-size:14px; } .language-link { margin-inline-start:auto; font-size:14px; }
 .journal-masthead { padding:38px 0 28px; } .journal-masthead h1 { font-size:37px; margin:21px 0; } .journal-masthead>p { font-size:16px; }
 .journal-lead { min-height:440px; } .journal-lead>img { object-position:38% center; } .journal-lead::after { background:linear-gradient(0deg,#061418f5,#06141877 65%,transparent); } .journal-lead>div { padding:195px 25px 45px; } .journal-lead h2 { font-size:30px; margin:17px 0; } .journal-lead p { font-size:16px; }
 .journal-filter { gap:8px; padding:25px 0; } .journal-filter button { font-size:14px; padding:10px; }
 .journal-grid,.journal-home-grid { columns:1; } .journal-card { margin-bottom:38px; } .journal-card-copy { padding-top:19px; } .journal-card-copy .eyebrow { font-size:14px; letter-spacing:.04em; } .journal-card h2 { font-size:28px; gap:12px; margin:13px 0; } .journal-card h2>span { font-size:23px; } .journal-card-copy p { font-size:17px; line-height:1.9; } .journal-card .scene-label { font-size:14px; padding:4px 7px; inset-inline-end:9px; bottom:9px; }
 .topic-directory { padding:25px 0; margin:25px 0 40px; } .topic-directory>h2 { font-size:27px; } .topic-directory>div { grid-template-columns:1fr 1fr; gap:20px; } .topic-directory b { font-size:17px; } .topic-directory p { font-size:14px; }
 .procurement-band { padding:27px 24px; margin-top:30px; } .procurement-band h2 { font-size:27px; } .procurement-band p { font-size:16px; }
 .journal-footer { margin-top:40px; padding-block:30px; gap:18px; } .journal-footer>p { flex-basis:100%; order:4; margin:0; font-size:14px; }
 .story-breadcrumb { margin-top:24px; font-size:12px; line-height:1.8; } .story-header { padding:30px 0 24px; } .story-header h1 { font-size:36px; margin:19px 0; } .story-deck { font-size:17px; } .story-byline { font-size:12px; }
 .story-cover img,.story-cover.shape-wide img { aspect-ratio:1.25; } .story-cover.shape-portrait img { aspect-ratio:.9; object-position:center 30%; } .story-cover figcaption { font-size:12px; }
 .story-layout { display:block; margin-top:24px; } .story-intro,.knowledge-section p { font-size:18px; line-height:1.95; } .story-urgent { font-size:17px; } .story-sidebar { display:none; } .story-body h2 { font-size:26px; }
 .in-story-supplies { margin-block:25px; } .gear-reference { min-width:120px; padding:10px; } .gear-reference span { font-size:16px; } .in-story-supplies>p { font-size:12px; } .preparation-notes { font-size:17px; } .source-note { padding:21px 18px; } .source-note ul { font-size:14px; } .source-note p { font-size:14px; }
 .journal-grid.compact { grid-template-columns:1fr; gap:30px; } .compact .journal-card figure { aspect-ratio:1.8; } .compact .journal-card h2 { font-size:23px; } .compact .journal-card-copy p { font-size:16px; }
 .policy-body h2 { font-size:21px; } .policy-body p { font-size:17px; }
 .procurement-hero { display:flex; flex-direction:column; gap:20px; padding-top:30px; } .procurement-hero>div { padding:0; } .procurement-hero h1 { font-size:38px; } .procurement-hero p { font-size:16px; } .procurement-hero figure { aspect-ratio:1.3; }
 .procurement-process { grid-template-columns:1fr 1fr; gap:24px 20px; margin:35px 0; } .procurement-process p { font-size:14px; } .procurement-scope h2 { font-size:27px; } .procurement-scope a { font-size:14px; } .procurement-scope p { font-size:14px; }
 .project-brief { display:block; padding-top:40px; } .project-brief h2 { font-size:29px; } .project-brief>div>p { font-size:17px; } .procurement-form { margin-top:30px; gap:20px 13px; } .proc-field>span { font-size:17px; } .proc-field input,.proc-field textarea { font-size:17px; } .proc-consent { font-size:17px; } .procurement-form .btn { font-size:17px; }
}
@media(min-width:700px) and (max-width:1000px) { .journal-grid,.journal-home-grid { columns:2; } .journal-card h2 { font-size:27px; } .journal-card-copy p { font-size:17px; } }
@media print { .journal-header,.journal-safety,.journal-footer,.story-sidebar,.story-actions,.more-stories,.procurement-band,.in-story-supplies { display:none; } .story-layout { display:block; } .story-cover img { max-height:300px; object-fit:contain; } .story-body,.source-note { color:#111; background:white; } }

.journal-languages {position:relative;flex:none;font-size:17px}
.journal-languages summary {cursor:pointer;padding:10px 14px;border:1px solid var(--line);border-radius:8px;list-style:none}
.journal-languages summary::-webkit-details-marker {display:none}
.journal-languages summary::after {content:'⌄';margin-inline-start:12px}
.journal-languages nav {position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:180px;display:grid!important;gap:0!important;padding:8px;background:var(--surface,#17191b);border:1px solid var(--line);border-radius:10px;z-index:30;box-shadow:0 12px 40px #0005}
.journal-languages a {padding:10px 14px;white-space:nowrap}
.journal-languages a[aria-current=page] {color:var(--accent,#f35a20)}
.translation-disclosure {font-size:17px!important;color:var(--muted);max-width:70ch;margin-top:16px}
[dir=rtl] .journal-card h2 span,[dir=rtl] .text-link {direction:rtl}
[dir=rtl] .story-body {text-align:start;line-height:2}
[dir=rtl] .story-sidebar {border-inline-start:1px solid var(--line);border-left:0}
[dir=rtl] input[type=email] {direction:ltr;text-align:start}
@media(max-width:600px){.journal-languages {grid-column:2;grid-row:1;justify-self:end}.journal-languages nav {min-width:175px}.translation-disclosure {font-size:17px!important}}

/* Reading and controls keep their size across narrow and folded viewports. */
.journal-page :is(h1,h2,h3,p,a,summary) {overflow-wrap:break-word;hyphens:auto}
.journal-safety,.source-note :is(p,a,ul),.in-story-supplies>p {font-size:16px}
.journal-search label,.proc-field {min-width:0}
.procurement-form {grid-template-columns:repeat(2,minmax(0,1fr))}
.proc-field input,.proc-field textarea {min-width:0;font-size:17px}
[dir=rtl] :is(h1,h2,h3,.eyebrow) {letter-spacing:normal}
@media(max-width:1000px){
 .journal-header {flex-wrap:wrap;padding-block:20px}
 .journal-header>nav {order:3;flex-basis:100%;flex-wrap:wrap;gap:12px 20px}
 .journal-languages {margin-inline-start:auto}
}
@media(max-width:700px){
 .journal-masthead>p,.journal-lead p,.procurement-band p,.story-deck,.compact .journal-card-copy p,.procurement-hero p {font-size:17px}
 .journal-search {flex-direction:column;align-items:stretch}
 .topic-directory p,.procurement-process p,.procurement-scope p {font-size:16px}
 .journal-header>nav a {font-size:15px}
 .story-cover figcaption,.journal-card .scene-label {font-size:12px}
}
@media(max-width:500px){.procurement-form {grid-template-columns:minmax(0,1fr)}}

.contact-reference-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.contact-reference {border:1px solid var(--line);border-radius:9px;padding:20px;scroll-margin-top:24px;min-width:0}
.contact-reference h3 {font-size:22px;line-height:1.4;margin:0 0 18px;overflow-wrap:anywhere}
.contact-reference h3 small {font-size:14px;color:var(--ink-2)}
.contact-numbers {display:flex;flex-wrap:wrap;gap:12px 20px}
.contact-numbers a {text-decoration:none;display:grid;gap:6px}.contact-numbers span {font-size:15px}.contact-numbers b {font-size:25px;color:var(--signal)}
.contact-reference p {font-size:15px!important;line-height:1.8!important;margin:16px 0 8px!important}.contact-reference time {font-size:13px;color:var(--ink-2)}
@media(max-width:550px){.contact-reference-grid {grid-template-columns:minmax(0,1fr)}}