/* Copy-first AI handoff and field notes extend the existing port/navy identity. */
.copy-first{padding-bottom:38px}
.copy-first .hub-languages{margin-bottom:30px;font-size:14px}
.hub-languages [aria-current],.journal-languages [aria-current]{color:#07889d;text-decoration:underline;text-underline-offset:5px;font-weight:700}
.copy-first .hub-languages [aria-current]{color:#50dfd0}
.copy-first .hub-lead{max-width:850px;font-size:18px}
.copy-surface{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:30px 34px;margin-top:32px;background:#102e43;border:1px solid #34566b;border-radius:6px}
.copy-surface h2{font-size:27px;line-height:1.45;letter-spacing:0;margin:10px 0}
.copy-surface p{color:#bdd2de;margin:10px 0;font-size:16px}
.copy-surface .terminal-label{color:#50dfd0;font-size:13px}
.copy-actions{min-width:0}
.copy-actions .button{background:#50dfd0;border-color:#50dfd0;color:#092637;width:100%;font-size:16px;min-height:52px;line-height:1.5}
.copy-actions .button:hover{background:#82ecdf}
.copy-actions p{font-size:14px;min-height:24px}
.guide-raw{font-size:14px;text-decoration:underline;text-underline-offset:4px;color:#e1f1f6}
.guide-details{margin-top:20px;color:#d4e7f0}
.guide-details summary{font-size:15px;cursor:pointer;padding:12px 0;min-height:44px}
.guide-details label{font-weight:400;margin:12px 0;color:#b9d1dd}
.guide-details textarea{background:#fff;color:#0a2032;line-height:1.8;font-size:16px;padding:20px;border:1px solid #90b3c8;width:100%;resize:vertical;min-height:280px}
.handoff-steps{padding-top:60px;padding-bottom:20px}
.handoff-steps h2{font-size:32px;line-height:1.4}
.handoff-steps .steps{margin-top:30px}
.handoff-steps .steps li{border-color:#cbd9e2}
.handoff-steps .step-no{color:#07889d}
.handoff-steps .steps p{color:var(--muted);font-size:16px}
.handoff-boundary{padding:20px;background:#e8f2f5;border-inline-start:3px solid #0d8394;margin-top:32px;font-size:15px}
.copy-first~.hub-services{padding-top:50px}
.hub-contact{padding-top:52px;padding-bottom:60px;display:flex;align-items:center;justify-content:space-between;gap:50px}
.hub-contact>div{max-width:790px;min-width:0}
.hub-contact h2{font-size:30px;line-height:1.45}
.hub-contact p{color:var(--muted)}
.hub-contact .button{flex-shrink:0}
.hub-contact .contact-link{overflow-wrap:anywhere}
.founder-intro{display:grid;grid-template-columns:250px 1fr;align-items:center;gap:44px;margin:32px 0 44px}
.founder-intro figure{margin:0}
.founder-intro img{display:block;width:100%;height:auto;border-radius:4px}
.founder-intro figcaption{font-size:14px;color:var(--muted);margin-top:10px}
.founder-intro h3{font-size:30px;line-height:1.4}
.founder-intro>div>p:not(.eyebrow){font-size:18px;line-height:1.85;max-width:790px;color:var(--muted)}
.brand-history{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.brand-history>h3{font-size:25px;line-height:1.5}
.brand-history>p{color:var(--muted);max-width:950px;font-size:16px}
.history-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.history-gallery figure{margin:0;min-width:0}
.history-gallery img{display:block;width:100%;height:220px;object-fit:contain;background:#f4f6f8;border:1px solid var(--line)}
.history-gallery figcaption{font-size:14px;line-height:1.6;color:var(--muted);padding:12px 0}
.wechat-contact{margin:22px 0;max-width:340px}
.wechat-contact summary{cursor:pointer;font-size:16px;color:#08788a;text-decoration:underline;text-underline-offset:5px;padding:10px 0;min-height:44px}
.wechat-contact img{display:block;width:100%;height:auto;border:1px solid var(--line);margin-top:15px;background:white}
.wechat-contact p{font-size:14px;color:var(--muted)}
.journal-body{background:#fff}
.journal-index{padding-top:26px;padding-bottom:80px}
.journal-index h1{font-size:clamp(36px,4.5vw,60px);line-height:1.3;margin-bottom:20px}
.journal-lead{font-size:20px;line-height:1.8;color:var(--muted);max-width:820px;margin-bottom:42px}
.journal-languages{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px 22px;color:#456774;font-size:14px;margin:0 0 42px}
.journal-languages a{padding:5px 0}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.journal-card{border-top:2px solid #0c8091;padding:25px 0 18px;display:flex;flex-direction:column;min-width:0}
.journal-number{font-size:13px;letter-spacing:1px;color:#677e8b}
.journal-card h3{font-size:24px;line-height:1.5;margin:18px 0 12px;overflow-wrap:anywhere}
.journal-card h3 a:hover{color:#08798a}
.journal-card>p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:0;flex:1}
.journal-read{color:#087184;font-weight:600;font-size:15px;line-height:1.6;text-decoration:underline;text-underline-offset:5px;display:inline-block;min-height:36px}
.journal-teaser{border-top:1px solid var(--line)}
.journal-teaser .section-heading{align-items:center}
.journal-signature{display:flex;align-items:center;gap:18px;margin-top:50px;padding-top:28px;border-top:1px solid var(--line)}
.journal-signature img,.article-byline img{object-fit:cover;border-radius:50%;flex-shrink:0}
.journal-signature small{display:block;font-size:14px;color:var(--muted);margin-top:5px}
.footer-journal{padding-top:30px;font-size:15px;color:#b9e4ed}
.article-layout{padding-top:26px;padding-bottom:70px}
.journal-back{display:inline-block;color:#087184;font-size:15px;padding:8px 0;margin-bottom:25px}
.field-article{max-width:820px;margin:0 auto}
.field-article h1{font-size:clamp(34px,4.2vw,54px);line-height:1.4;letter-spacing:-.5px;overflow-wrap:anywhere}
.article-summary{font-size:20px;line-height:1.8;color:var(--muted)}
.article-byline{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0 30px;margin-bottom:32px}
.article-byline small{display:block;font-size:14px;color:var(--muted);margin-top:4px}
.field-article section{margin-top:34px}
.field-article h2{font-size:26px;line-height:1.5;letter-spacing:0}
.field-article section p{font-size:18px;line-height:1.95;color:#334c5a}
.article-cta{max-width:820px;margin:45px auto;background:#eaf5f7;border:1px solid #c9e2e7;padding:28px}
.article-cta h2{font-size:26px;line-height:1.5;letter-spacing:0}
.article-cta p{font-size:16px;color:var(--muted)}
.article-related{margin-top:55px;padding-top:40px;border-top:1px solid var(--line)}
.article-related>h2{font-size:28px;margin-bottom:25px}
[lang=ja] h1,[lang=ja] h2,[lang=zh-hant] h1,[lang=zh-hant] h2{letter-spacing:0;line-height:1.5}
@media(max-width:900px){.copy-surface{grid-template-columns:1fr;gap:16px}.hub-contact{display:block}.hub-contact>.button{margin-top:15px}.history-gallery img{height:170px}.journal-grid{gap:20px}.journal-card h3{font-size:21px}.founder-intro{grid-template-columns:220px 1fr;gap:30px}}
@media(max-width:760px){.copy-first .hub-languages{gap:9px 18px;margin-bottom:26px}.copy-first .hub-lead{font-size:16px}.copy-first h1{font-size:36px;line-height:1.4}.copy-surface{padding:22px}.copy-surface h2{font-size:25px}.copy-actions .button{white-space:normal;padding:13px 16px}.handoff-steps h2{font-size:28px}.founder-intro{grid-template-columns:1fr;gap:20px}.founder-intro figure{max-width:280px}.founder-intro>div>p:not(.eyebrow){font-size:16px}.history-gallery{grid-template-columns:1fr;gap:18px}.history-gallery img{height:auto;max-height:280px;aspect-ratio:4/3}.journal-grid{grid-template-columns:1fr;gap:25px}.journal-card h3{font-size:24px}.journal-languages{justify-content:flex-start;gap:8px 18px;margin-bottom:30px}.journal-lead,.article-summary{font-size:18px}.field-article section p{font-size:17px}.field-article h2{font-size:23px}.article-cta{padding:22px}.journal-teaser .section-heading{display:block}.journal-teaser .section-heading>.journal-read{margin-top:18px}.hub-contact h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.copy-actions .button{transition:none;transform:none}}
