/* 物流DXの困りごと解決ラボ — original responsive template v1.0 */
:root{--navy:#0b2d5b;--deep:#071d3b;--blue:#1e88e5;--sky:#50b7ff;--ice:#eaf5ff;--gold:#ffca4d;--ink:#182b46;--muted:#5b6e86;--line:#dfe9f3;--bg:#f5f8fc;--white:#fff;--shadow:0 12px 28px rgba(9,40,74,.075);--r:14px;--max:1184px;font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,system-ui,sans-serif;scroll-behavior:smooth;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{background:#b8defb;color:#092c56}:focus-visible{outline:3px solid #ffbf40;outline-offset:3px}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-80px;left:20px;z-index:1000;padding:8px 15px;background:var(--gold);color:var(--deep)}.skip:focus{top:10px}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-sm{width:17px;height:17px}.icon-lg{width:28px;height:28px}.icon-xl{width:35px;height:35px}.kicker{font-weight:800;letter-spacing:.08em;font-size:12px;text-transform:uppercase;color:var(--blue)}.small{font-size:12px;color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid #d3e3f0;background:#f4f9ff;border-radius:999px;font-size:11px;font-weight:700;color:#265482}.pill.gold{background:#fff5d6;border-color:#ffe09a;color:#775318}.pill.blue{background:#eaf5ff;border-color:#b9ddfb;color:#07549a}.pill.ink{background:#eaf0f8;border-color:#d4e2f0;color:#1d416a}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;border:1px solid transparent;font-weight:800;line-height:1.5;min-height:46px;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:#10223b;box-shadow:0 5px 14px rgba(251,193,57,.21)}.btn-primary:hover{background:#ffd56f}.btn-ghost{color:white;background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.38)}.btn-outline{background:white;border-color:#a4c8e6;color:var(--navy)}.btn-dark{background:var(--navy);color:white}.text-link{display:inline-flex;align-items:center;gap:5px;color:#1262a9;font-weight:800}.text-link:hover{text-decoration:underline}.surface{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.section{padding:56px 0}.section-tint{background:#edf4fa;border-block:1px solid #e0ebf5}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:24px}.section-title{margin:0;font-size:clamp(23px,2.3vw,30px);letter-spacing:-.035em;line-height:1.42;color:#0c2b54}.section-title::before{content:'';display:block;width:36px;height:4px;background:linear-gradient(90deg,var(--blue),#89d7ff);border-radius:4px;margin-bottom:11px}.section-desc{margin:9px 0 0;color:var(--muted);font-size:14px}.section-actions{flex:none}.accent-word{color:var(--blue)}
/* Header */
.topline{background:#071a33;color:#a6bfda;font-size:11px}.topline .container{display:flex;align-items:center;justify-content:space-between;padding-block:5px}.topline a{color:#dce9fb}.site-header{position:relative;z-index:50;background:#fff;box-shadow:0 3px 17px rgba(7,30,60,.12)}.header-main{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0;color:var(--deep)}.brand-mark{width:50px;height:44px;border-radius:12px;background:linear-gradient(145deg,#144979,#061f41);color:#edfaff;display:grid;place-items:center;box-shadow:inset 0 1px 1px rgba(255,255,255,.27),0 5px 12px rgba(13,59,103,.15);position:relative}.brand-mark::after{content:'';height:3px;width:19px;background:var(--sky);position:absolute;bottom:6px;left:16px;border-radius:3px}.brand-copy strong{display:block;font-weight:900;font-size:17px;letter-spacing:-.04em;line-height:1.3}.brand-copy small{display:block;letter-spacing:.015em;font-size:10.5px;color:#667b94;margin-top:2px;font-weight:600}.header-tools{display:flex;align-items:center;gap:12px}.header-search{display:flex;align-items:center;gap:4px;width:316px;height:42px;border:1px solid var(--line);border-radius:9px;background:#f6f9fc;padding:0 7px 0 14px}.header-search input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:12px;color:var(--ink)}.header-search button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:7px;background:var(--navy);color:#fff}.header-badge{border-left:1px solid var(--line);padding-left:14px;color:#647b91;font-size:11px;font-weight:700;line-height:1.6}.mobile-menu-button,.mobile-search-button{display:none;place-items:center;width:44px;height:44px;background:transparent;border:0;color:var(--navy);border-radius:9px}.global-nav{background:linear-gradient(105deg,#0b2c58,#071b35 87%);border-top:1px solid #194477}.global-nav .container{display:flex;align-items:center;gap:0}.nav-link{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 17px;color:#e0ecfb;font-weight:750;font-size:12px;transition:background .2s}.nav-link:hover,.nav-link.active{background:#164979;color:white}.nav-link .icon{width:14px;height:14px}.nav-highlight{margin-left:auto;color:var(--gold)}.mobile-nav-panel{display:none}.search-drawer{position:absolute;z-index:51;top:100%;left:0;right:0;background:white;border-bottom:1px solid var(--line);box-shadow:0 14px 25px rgba(0,25,54,.15);display:none}.search-drawer.is-open{display:block}.search-drawer-inner{padding:20px 0 24px}.search-drawer label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.search-row{display:flex;gap:8px}.search-row input{min-width:0;flex:1;height:47px;border:1px solid #c9dbe9;border-radius:9px;padding:0 14px}.search-results{margin-top:12px;display:grid;gap:7px}.search-hit{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e7eef6;border-radius:8px;background:#f8fbfe}.search-hit strong{font-size:13px}.search-hit small{font-size:11px;color:var(--muted)}.search-hit a{color:#135e9e;font-size:12px;font-weight:800;white-space:nowrap}
/* Hero */
.hero-outer{background:linear-gradient(180deg,#e9f1fa 0,#f6f9fc 90%);padding:24px 0 0}.hero{position:relative;min-height:425px;overflow:hidden;border-radius:18px 18px 0 0;background:#091e3b;color:white;isolation:isolate;box-shadow:0 14px 32px rgba(11,42,82,.14)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-2}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,20,42,.36),rgba(3,20,42,.1) 48%,transparent 70%)}.hero-content{width:57%;padding:49px 0 46px 51px;position:relative;z-index:1}.hero .eyebrow{color:#9fd8ff;background:rgba(4,33,69,.65);border:1px solid rgba(125,190,232,.34);padding:5px 12px;border-radius:999px}.hero h1{font-size:clamp(35px,4vw,53px);line-height:1.34;letter-spacing:-.06em;font-weight:900;margin:17px 0 15px;text-shadow:0 3px 16px rgba(0,0,0,.21)}.hero h1 em{font-style:normal;color:var(--gold);font-size:1.12em;letter-spacing:0}.hero p{line-height:1.9;font-weight:600;max-width:470px;font-size:14px;color:#e2efff;margin:0 0 26px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hero-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px;color:#bad7ec;font-size:11px}.hero-stats span{display:inline-flex;align-items:center;gap:6px}.hero-points{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(100deg,#0c3361,#0a274c);border-radius:0 0 14px 14px;box-shadow:0 14px 32px rgba(11,42,82,.14);overflow:hidden}.hero-point{display:flex;align-items:center;gap:12px;padding:17px 19px;color:#e8f5ff;border-right:1px solid #315783;font-size:12px;font-weight:800}.hero-point:last-child{border:0}.hero-point .icon{color:#6bcbff;width:29px;height:29px}.hero-point span{line-height:1.5}.hero-point span small{display:block;color:#9db9d7;font-size:10px;margin-top:2px;font-weight:550}
/* Problem finder */
.problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.problem-card{text-align:left;background:white;border:1px solid #dce8f2;border-radius:12px;padding:19px 17px;min-height:139px;display:flex;align-items:start;gap:13px;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 3px 11px rgba(20,55,93,.035)}.problem-card:hover,.problem-card.is-active{transform:translateY(-2px);border-color:#56aae6;box-shadow:0 11px 22px rgba(23,100,174,.11)}.problem-icon{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:10px;color:#1471b9;background:linear-gradient(145deg,#edf8ff,#dceefd)}.problem-title{display:block;font-size:15px;font-weight:900;color:var(--navy);line-height:1.38;margin:1px 0 6px}.problem-hint{display:block;color:#61758b;font-size:11.5px;line-height:1.55}.problem-card .end-arrow{display:none}
/* articles */
.article-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.tab{border:1px solid #cbddeb;border-radius:9px;background:#fff;padding:9px 15px;color:#39536d;font-size:12px;font-weight:800;min-height:42px}.tab[aria-selected=true]{background:var(--navy);border-color:var(--navy);color:white}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.teaser{display:flex;flex-direction:column;overflow:hidden;border-radius:13px;background:white;border:1px solid #e0e9f1;box-shadow:var(--shadow);min-width:0}.teaser-visual{width:100%;aspect-ratio:1200/630;overflow:hidden;background:#082449}.teaser-visual img{width:100%;height:100%;object-fit:contain}.teaser-body{padding:16px 17px 17px;display:flex;flex-direction:column;gap:10px;flex:1}.teaser h3{font-size:16px;line-height:1.65;font-weight:900;color:#14355b;margin:0;letter-spacing:-.025em}.teaser .teaser-desc{color:#687b91;font-size:12px;margin:0;line-height:1.7}.teaser-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #eaf0f5;padding-top:12px}.teaser-footer a{color:#0b63ac;display:inline-flex;align-items:center;font-weight:900;font-size:12px;gap:4px}.soon{background:#f0f3f6;color:#778a9b;border:1px solid #dfe6ed;font-size:10px;font-weight:800;border-radius:5px;padding:4px 7px}.empty-state{display:none;padding:28px;text-align:center;border:1px dashed #bed5e8;border-radius:12px;color:var(--muted)}.empty-state.show{display:block}
/* steps + diagnostic */
.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.workflow-step{padding:24px;background:#fff;border:1px solid var(--line);border-radius:13px;position:relative;box-shadow:0 4px 14px rgba(14,57,95,.04)}.stepnum{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;width:34px;height:34px;background:linear-gradient(125deg,#113c6e,#0e7aca);color:white;font-size:13px;font-weight:900;letter-spacing:.03em;margin-bottom:13px}.workflow-step h3{font-size:17px;color:#14345a;margin:0 0 8px}.workflow-step p{font-size:13px;color:#5a6f84;line-height:1.78;margin:0}.workflow-step::after{content:'→';position:absolute;right:-15px;top:42%;font-size:22px;font-weight:900;color:#2d91d0;z-index:2}.workflow-step:last-child::after{display:none}.diagnosis-box{background:linear-gradient(130deg,#081b36,#104476 72%,#135e9e);border-radius:17px;padding:34px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;color:white;position:relative;overflow:hidden;box-shadow:0 15px 30px rgba(5,41,79,.16)}.diagnosis-box:before{content:'';position:absolute;width:330px;height:330px;right:-100px;top:-170px;border:1px solid rgba(95,205,255,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(38,140,220,.035),0 0 0 110px rgba(38,140,220,.035)}.diagnosis-box h2{font-size:clamp(24px,3vw,31px);line-height:1.45;letter-spacing:-.05em;margin:8px 0 9px}.diagnosis-box p{color:#c3d8ec;font-size:13px;margin:0}.diagnosis-form{position:relative;z-index:1;background:rgba(255,255,255,.97);color:#19324f;border-radius:12px;padding:18px;box-shadow:0 6px 17px rgba(0,0,0,.14)}.diagnosis-form label{font-weight:800;display:block;font-size:12px;margin-bottom:6px}.diagnosis-form select,.diagnosis-form input{width:100%;border:1px solid #c9d9e6;padding:11px;border-radius:8px;background:#fff;margin-bottom:13px;color:var(--ink);font-size:13px;min-height:44px}.diagnosis-form .btn{width:100%}.diagnosis-result{margin-top:12px;background:#eef7ff;border:1px solid #c6def0;padding:12px;border-radius:9px;display:none;font-size:12.5px;line-height:1.75}.diagnosis-result.is-visible{display:block}.diagnosis-result strong{color:#0b467c;font-size:13px}.diagnosis-result p{margin:5px 0;color:#385470}.diagnosis-result a{color:#0d5e9e;font-weight:800;text-decoration:underline}
.resources-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.resource-feature{background:linear-gradient(130deg,#fefefe,#ecf5fd);border:1px solid #d5e6f4;border-radius:13px;padding:27px;display:flex;align-items:center;justify-content:space-between;gap:20px}.resource-feature .resource-graphic{width:94px;height:94px;flex:none;border-radius:20px;background:linear-gradient(145deg,#dff2ff,#a9d6f5);display:grid;place-items:center;color:#0e62a9}.resource-feature .resource-graphic .icon{width:46px;height:46px}.resource-feature h3{font-size:18px;color:#123a65;margin:7px 0}.resource-feature p{font-size:12.5px;color:#60758b;line-height:1.75;margin:0 0 13px}.resource-info{background:white;border:1px solid var(--line);border-radius:13px;padding:24px}.resource-info h3{margin:0 0 11px;color:var(--navy);font-size:17px}.resource-info ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.resource-info li{display:flex;gap:8px;font-size:13px;color:#3e546e}.resource-info .icon{color:#1582cf;margin-top:3px}.editorial{border-top:1px solid #dce7f0;padding:32px 0}.editorial-inner{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:center}.editorial-inner strong{font-size:16px;color:var(--navy)}.editorial-inner p{font-size:12px;color:#65788f;margin:8px 0 0}.editorial-points{display:flex;flex-wrap:wrap;gap:8px}.editorial-points span{padding:6px 9px;border-radius:7px;background:#e7f0fa;border:1px solid #d4e4f2;color:#365c83;font-size:11px;font-weight:750}
/* Footer */
.site-footer{background:#071d3a;color:#d4e6f5;padding:42px 0 20px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}.footer-top .brand{color:white}.footer-top .brand-copy small{color:#9fb5cb}.footer-top p{font-size:12px;color:#99b3ce;max-width:360px;margin:15px 0}.footer-col h4{font-size:13px;color:#fff;margin:0 0 12px}.footer-col a{display:block;color:#a8c1d9;font-size:12px;margin:7px 0}.footer-col a:hover{color:white;text-decoration:underline}.footer-bottom{border-top:1px solid #214262;padding-top:18px;margin-top:28px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:#9eafc1;font-size:11px}.mobile-bottom-nav{display:none}
/* Article page */
.reading-progress{position:fixed;top:0;left:0;right:auto;width:0;height:3px;background:linear-gradient(90deg,#1aa1ff,var(--gold));z-index:100}.article-shell{padding-top:28px;padding-bottom:70px}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:#70839a;font-size:11px;margin-bottom:23px}.breadcrumb a:hover{color:#126bae;text-decoration:underline}.breadcrumb .icon{width:12px;height:12px}.article-layout{display:grid;grid-template-columns:minmax(0,790px) minmax(0,300px);gap:26px;align-items:start}.article-main{min-width:0}.article-card{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.article-head{padding:35px 42px 22px}.article-head .pill{margin-bottom:14px}.article-head h1{font-size:clamp(28px,3vw,36px);letter-spacing:-.055em;line-height:1.48;color:#0d2a4e;font-weight:900;margin:0 0 17px}.article-summary{font-size:14px;color:#526a83;line-height:1.85;margin:0 0 17px}.article-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:11px;color:#6c7e92}.article-meta span{display:inline-flex;gap:5px;align-items:center}.article-cover{margin:0 28px;border-radius:11px;overflow:hidden;position:relative;background:linear-gradient(110deg,#0b2d5b,#0e548d)}.article-cover img{width:100%;height:300px;object-fit:cover;object-position:center}.article-cover-caption{margin:7px 42px 22px;color:#8492a3;font-size:10px}.article-content{padding:0 42px 45px;font-size:15px;line-height:1.92}.article-content p{margin:12px 0 18px}.article-content>h2,.article-content section>h2{font-size:23px;line-height:1.48;color:#113867;letter-spacing:-.035em;margin:43px 0 19px;padding:0 0 11px 14px;border-bottom:2px solid #dcebf8;border-left:5px solid #1e88e5}.article-content h3{font-size:18px;line-height:1.5;color:#214266;margin:28px 0 10px}.article-content ul,.article-content ol{padding-left:23px}.article-content li{padding-left:4px;margin:7px 0}.lead-box{padding:22px 23px;background:#eef7ff;border:1px solid #c7e0f2;border-radius:11px;margin:25px 0}.lead-box h2{font-size:17px;margin:0 0 10px!important;padding:0!important;border:0!important;color:var(--navy)!important}.lead-box ul{padding:0;margin:0;list-style:none;display:grid;gap:7px}.lead-box li{display:flex;align-items:start;gap:9px;margin:0;font-size:13px;color:#254564}.lead-box .icon{width:17px;height:17px;color:#1682d1;margin-top:5px}.toc{background:#f6f9fc;border:1px solid #dde8f2;border-radius:12px;margin:26px 0 32px;overflow:hidden}.toc summary{padding:13px 17px;cursor:pointer;list-style:none;font-weight:900;color:#0d3765;display:flex;justify-content:space-between;align-items:center}.toc summary::-webkit-details-marker{display:none}.toc summary:after{content:'＋';font-size:18px;color:#3987b9}.toc[open] summary:after{content:'－'}.toc ol{margin:0;padding:0 18px 18px 38px}.toc li{font-size:13px;margin:5px 0}.toc a:hover{text-decoration:underline;color:#0069b5}.callout{padding:16px 19px;background:#fff9e8;border-left:4px solid #e8ab2c;border-radius:0 10px 10px 0;margin:21px 0;font-size:13px;color:#5b4c31}.callout strong{color:#6d4c13}.simple-steps{display:grid;gap:12px;margin:18px 0 24px}.simple-step{display:flex;align-items:start;gap:14px;padding:17px 18px;border:1px solid #dce7f2;background:#fbfdff;border-radius:10px}.simple-step .stepnum{margin:0;flex:none}.simple-step strong{color:#133b66;font-size:14px}.simple-step p{color:#61788f;font-size:12.5px;margin:4px 0 0;line-height:1.75}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #dce8f4;border-radius:10px;margin:20px 0}.table-scroll table{border-collapse:collapse;width:100%;min-width:580px;font-size:12.5px}.table-scroll th{background:#143e6a;color:white;font-weight:800;text-align:left;padding:12px 13px}.table-scroll td{border-bottom:1px solid #e6edf4;padding:12px 13px;vertical-align:top}.table-scroll tbody tr:nth-child(even){background:#f6f9fd}.table-scroll tbody tr:last-child td{border-bottom:0}.table-caption{font-size:11px;color:#79899b;margin-top:-9px}.calculator{background:#f2f8ff;border:1px solid #c9dfef;border-radius:12px;padding:19px;margin:22px 0}.calculator h3{margin:0 0 8px}.calc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.calc-fields label{font-size:11px;display:block;color:#41617f;font-weight:800}.calc-fields input{width:100%;margin-top:5px;background:white;border:1px solid #c7dae9;border-radius:7px;padding:10px 9px;color:#102c4c;font-weight:700;min-height:43px}.calc-result{display:flex;justify-content:space-between;align-items:center;background:#0b3768;color:white;border-radius:9px;padding:12px 15px;margin-top:12px;gap:12px}.calc-result strong{font-size:25px;line-height:1.2}.calc-note{font-size:10px;color:#57728b;margin:9px 0 0!important}.checklist{border:1px solid #d1e2ef;border-radius:11px;padding:20px;background:#fbfdff;margin:22px 0}.checklist-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.checklist .meter{height:7px;border-radius:10px;background:#deebf5;overflow:hidden;margin-bottom:17px}.checklist .meter span{display:block;height:100%;background:linear-gradient(90deg,#1d8fea,#46beff);width:0;transition:width .2s}.checklist-items{display:grid;gap:8px}.checklist label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;background:white;border:1px solid #e2ecf5;border-radius:8px;padding:10px 12px;font-size:12.5px;color:#2d4c6b}.checklist input{width:18px;height:18px;accent-color:#167dc3;margin-top:3px;flex:none}.checklist-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}.text-button{border:0;background:transparent;text-decoration:underline;color:#346d9d;font-size:12px}.compare-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.compare-card{padding:18px;border-radius:11px;border:1px solid #d8e6f3;background:#f8fbff}.compare-card h3{margin:0 0 7px;font-size:16px}.compare-card ul{margin:0;padding-left:19px;font-size:12.5px;color:#4a657e}.compare-card ul li{margin:5px 0}.compare-card.highlight{background:#eaf5ff;border-color:#aad4f3}.article-end{border-top:1px solid #e2eaf2;margin-top:45px;padding-top:22px}.article-end h2{font-size:20px!important}.related-links{display:grid;gap:8px}.related-links a,.related-links div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border:1px solid #e0eaf4;border-radius:9px;font-size:13px;font-weight:800;color:#0d538e;background:#f9fcff}.related-links div{color:#8da0b1;background:#f7f9fb}.article-aside{display:grid;gap:16px;position:sticky;top:22px}.aside-box{border:1px solid var(--line);background:white;border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.aside-box h2{font-size:14px;color:white;background:linear-gradient(110deg,#0b3768,#0a294e);padding:13px 17px;margin:0}.aside-body{padding:17px}.aside-body p{font-size:12px;color:#60758a;line-height:1.8;margin:0 0 13px}.aside-body ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.aside-body li{font-size:12px;font-weight:750;line-height:1.6;color:#304e70}.aside-body a:hover{color:#1374be}.aside-body .btn{width:100%;font-size:12px;padding:10px}.aside-figure{height:110px;background:#0b2d5b;overflow:hidden}.aside-figure img{height:100%;width:100%;object-fit:cover;object-position:77% 45%}.author-note{display:flex;gap:11px;align-items:flex-start}.author-note .author-avatar{width:39px;height:39px;display:grid;place-items:center;color:#1479bb;background:#e4f4ff;border-radius:50%;flex:none}.back-to-top{position:fixed;right:23px;bottom:26px;z-index:40;border:0;border-radius:10px;background:#0f3c70;color:#fff;padding:11px;box-shadow:0 8px 20px rgba(7,40,78,.23);display:none}.back-to-top.is-visible{display:grid;place-items:center}
@media(max-width:1080px){.nav-link{padding:0 12px;font-size:11px}.header-search{width:260px}.hero-content{width:59%}.hero h1{font-size:43px}.hero-point{padding:13px 11px;font-size:11px}.problem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.article-head{padding:31px 30px 20px}.article-content{padding:0 30px 37px}.article-cover-caption{margin-inline:30px}.article-cover{margin-inline:18px}}
@media(max-width:840px){.container{width:min(100% - 36px,var(--max))}.topline,.header-badge,.global-nav,.header-search{display:none}.header-main{height:62px}.brand-mark{width:43px;height:41px}.brand-copy strong{font-size:15px}.mobile-menu-button,.mobile-search-button{display:grid}.mobile-nav-panel{display:none;position:absolute;top:100%;left:0;right:0;background:#0b2d5b;color:white;border-top:1px solid #3b5b7c;box-shadow:0 15px 22px rgba(4,27,50,.22);padding:8px 20px 20px}.mobile-nav-panel.is-open{display:grid}.mobile-nav-panel a{padding:12px 4px;border-bottom:1px solid #294c73;font-size:14px;font-weight:700}.hero{min-height:375px}.hero-content{width:66%;padding:38px 0 37px 32px}.hero h1{font-size:38px}.hero p{font-size:12px}.hero-points{grid-template-columns:repeat(2,1fr)}.hero-point:nth-child(2){border-right:0}.hero-point:nth-child(-n+2){border-bottom:1px solid #315783}.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:repeat(2,1fr)}.article-layout{display:block}.article-aside{display:none}.article-card{max-width:860px;margin:auto}.diagnosis-box{grid-template-columns:1fr 1fr}.resources-grid{grid-template-columns:1fr}.article-head{padding-inline:32px}.article-content{padding-inline:32px}}
@media(max-width:600px){html{scroll-padding-top:76px}.container{width:calc(100% - 30px)}body{font-size:14px}.section{padding:43px 0}.section-title{font-size:23px}.section-head{align-items:start}.section-actions{display:none}.brand-copy strong{font-size:13.5px}.brand-copy small{font-size:9px}.brand-mark{width:40px;height:38px}.header-tools{gap:3px}.header-main{height:60px}.hero-outer{padding:12px 0 0}.hero{min-height:452px;border-radius:12px 12px 0 0}.hero>img{object-position:68% 50%}.hero::before{background:linear-gradient(90deg,rgba(2,18,39,.92) 0,rgba(4,25,52,.84) 44%,rgba(5,25,49,.13) 100%),linear-gradient(0deg,rgba(0,17,35,.65),transparent 50%)}.hero-content{width:100%;padding:30px 22px;min-height:452px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.hero-content .hero-main-copy{max-width:290px}.hero h1{font-size:38px;line-height:1.34;margin:13px 0 10px}.hero p{font-size:12px;line-height:1.75;max-width:245px;margin-bottom:0}.hero-actions{gap:8px}.hero-actions .btn{min-height:44px;font-size:12px;padding:10px 12px}.hero-stats{display:none}.hero-points{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-point{padding:11px 9px;gap:8px;font-size:10.5px}.hero-point .icon{width:22px;height:22px}.hero-point span small{font-size:9px}.problem-grid{grid-template-columns:1fr;gap:9px}.problem-card{min-height:74px;padding:13px;align-items:center}.problem-icon{width:42px;height:42px}.problem-title{font-size:14px;margin-bottom:3px}.problem-hint{font-size:10.5px}.problem-card .end-arrow{display:block;color:#93adbf;margin-left:auto}.article-grid{grid-template-columns:1fr;gap:13px}.teaser-body{padding:11px 12px;gap:5px}.teaser h3{font-size:13px;line-height:1.5}.teaser .teaser-desc{display:none}.teaser-footer{padding-top:6px;margin-top:auto}.teaser-footer a{font-size:11px}.article-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.article-tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:8px 12px;min-height:40px}.workflow{grid-template-columns:1fr;gap:10px}.workflow-step{padding:17px 19px}.workflow-step::after{content:'↓';right:19px;top:auto;bottom:-19px;font-size:20px}.workflow-step h3{font-size:16px}.diagnosis-box{grid-template-columns:1fr;padding:21px;gap:17px;border-radius:13px}.diagnosis-box h2{font-size:24px}.resources-grid{gap:13px}.resource-feature{padding:19px;gap:11px}.resource-feature .resource-graphic{width:67px;height:67px;border-radius:12px}.resource-feature .resource-graphic .icon{width:36px;height:36px}.resource-feature h3{font-size:16px}.resource-feature p{font-size:11px}.resource-info{padding:19px}.editorial-inner{grid-template-columns:1fr;gap:13px}.footer-top{grid-template-columns:1fr 1fr;gap:26px 16px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}.site-footer{padding-bottom:81px}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;height:64px;padding-bottom:env(safe-area-inset-bottom);z-index:40;background:#fff;border-top:1px solid #d3e2f1;box-shadow:0 -6px 18px rgba(12,50,90,.06)}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#54718e;background:transparent;border:0;font-size:10px;font-weight:800}.mobile-bottom-nav .icon{width:20px;height:20px}.mobile-bottom-nav .current{color:#076dad}.article-shell{padding-top:15px;padding-bottom:45px}.breadcrumb{gap:4px;margin-bottom:14px;font-size:10px}.article-card{border-radius:11px}.article-head{padding:23px 19px 17px}.article-head h1{font-size:25px;line-height:1.49}.article-summary{font-size:13px}.article-meta{gap:8px;font-size:10px}.article-cover{margin:0 12px}.article-cover img{height:192px}.article-cover-caption{margin:6px 19px 15px}.article-content{padding:0 19px 29px;font-size:14px;line-height:1.88}.article-content>h2,.article-content section>h2{font-size:20px;margin-top:35px}.article-content h3{font-size:16px}.lead-box{padding:17px 16px}.toc{margin:21px 0}.simple-step{padding:13px}.calc-fields{grid-template-columns:1fr}.calculator{padding:15px}.checklist{padding:14px}.compare-cards{grid-template-columns:1fr}.back-to-top{bottom:18px;right:14px}.article-template .site-footer{padding-bottom:25px}.article-template .mobile-bottom-nav{display:none}}
@media(max-width:365px){.container{width:calc(100% - 22px)}.brand-copy strong{font-size:12px}.brand-copy small{font-size:8px}.header-tools{gap:0}.hero h1{font-size:33px}.hero-content .hero-main-copy{max-width:260px}.hero-actions .btn{padding:9px}.hero-point{font-size:10px}.teaser h3{font-size:12px}.article-head h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

[hidden]{display:none!important}.desktop-only{display:inline}@media(max-width:600px){.desktop-only{display:none}}

/* v2 expanded 112-article site */
.collection-head{padding:38px 36px;background:linear-gradient(120deg,#082449 0%,#0b3665 65%,#15588b 100%);border-radius:16px;color:#fff;margin-bottom:26px;border:1px solid #1f5485}
.collection-head h1{font-size:clamp(26px,3vw,39px);margin:5px 0 10px;line-height:1.4}
.collection-head h1 small{font-size:15px;color:#b8d9ef;margin-left:10px}
.collection-head p{max-width:750px;color:#d5e9fb;font-size:14px}
.collection-head .kicker{color:#91d9ff}
.collection-head .btn{margin-top:8px}
.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.archive-grid .teaser{min-height:340px}
.library-filters{display:flex;gap:14px;align-items:center;margin:0 0 22px;background:#fff;padding:14px;border:1px solid #d8e6f3;border-radius:12px}
.library-filters input,.library-filters select{background:#f9fcff;border:1px solid #cadde9;border-radius:8px;font-size:14px;min-height:45px;padding:9px 12px}
.library-filters input{min-width:0;flex:1}.library-filters select{width:220px}.library-filters span{font-weight:800;color:#174a79;white-space:nowrap}
.center-more{text-align:center;margin:25px auto 0}
.plain-card{max-width:930px;margin:auto;background:#fff;border:1px solid #e0e8f2;border-radius:13px;padding:35px 40px;box-shadow:var(--shadow)}
.plain-card h2{font-size:22px;border-bottom:1px solid #e4edf6;margin:24px 0 12px;color:#0b2d5b}
.plain-card p{font-size:15px;color:#405b77}
.article-content .article-intro{font-size:16px;color:#284764;line-height:1.95}
.teaser-body h3 a:hover{text-decoration:underline;text-decoration-color:#1e88e5}
.related-links a span{min-width:0}
.article-cover img{object-position:center center}
.article-content a:not(.btn){text-decoration:underline;text-decoration-color:#a8bfd4;text-underline-offset:3px}
.article-template .article-cover{background:#06284b}
@media(max-width:1050px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.collection-head{padding:24px 20px;border-radius:12px}.archive-grid{grid-template-columns:1fr;gap:13px}.archive-grid .teaser{min-height:125px}.library-filters{flex-wrap:wrap}.library-filters input{width:100%;flex:auto}.library-filters select{flex:1;min-width:160px}.plain-card{padding:20px}.article-content .article-intro{font-size:14px}}

/* Keep the typographic cover intact at every breakpoint. */
.article-template .article-cover img{height:auto;aspect-ratio:1200/630;object-fit:contain}
.primary-sources{padding-left:0;list-style:none}
.primary-sources li{padding:15px 0;border-bottom:1px solid #e4edf6}
.primary-source-title{display:block;color:#0b5994;font-weight:800;text-decoration:underline;text-underline-offset:.2em}
.primary-sources p{margin:4px 0}
.review-check{border:1px solid #dbe9f4;border-radius:10px;padding:14px 16px;background:#f7fbff}
.review-check dt{font-weight:800;color:#0b2d5b}
.review-check dd{margin:0 0 8px}
.review-check dd:last-child{margin-bottom:0}

.article-content pre{max-width:100%;overflow-x:auto;padding:12px;background:#eef3f8;border-radius:8px}.practice-links{display:grid;gap:.4em}.table-scroll:focus-visible{outline:2px solid #1b6cb2;outline-offset:2px}

#sales-form label,label[for="sales-result"]{display:block;margin:14px 0 4px;font-weight:700}
#sales-form input,#sales-form textarea,#sales-form select,#sales-result{display:block;box-sizing:border-box;width:100%;font:inherit;color:inherit;background:white;border:1px solid #b7c8dc;padding:.6em;border-radius:6px}
#sales-form textarea{min-height:4.2em}
#sales-form button{margin:14px 0}