/* Groundwork — Tunnel tab. Shares the form, card and table styles of the Houses and Calcs tabs. */
.tabs .tab.tun-tab{display:block;}
body.house-mode .tabs .tab.tun-tab{display:block;}
@media (max-width:720px){
  body.house-mode .mobile-tabbar .tab.tun-tab{display:flex;}
  .tun-subnav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;}
  .tun-subnav .choice{white-space:nowrap;}
}
.tun-subnav-wrap{padding-bottom:4px;}
.tun-subnav .choice b{display:inline-block;min-width:18px;margin-right:4px;font-weight:700;color:var(--brass);}
.tun-subnav .choice.active b{color:inherit;}
#view-tunnel .panel,#view-tunnel .viz{min-width:0;}
@media (min-width:861px){ #view-tunnel .wrap{grid-template-columns:400px 1fr;} }
#view-tunnel .h-f textarea{width:100%;padding:8px 9px;border:1px solid var(--line);background:var(--panel-raised);color:var(--fg);border-radius:var(--radius-sm);font-family:inherit;font-size:13px;line-height:1.5;resize:vertical;box-shadow:var(--shadow-sm);}
#view-tunnel .h-f textarea:focus{border-color:var(--steel);outline:none;}
#view-tunnel .h-f input::placeholder{color:var(--fg-soft);opacity:.7;}
.tun-nav{margin-top:26px;gap:10px;justify-content:flex-start;}
.tun-nav .flow-nav-btn{padding:11px 16px;font-size:13px;}
#view-tunnel .h-alerts{margin-bottom:18px;}
#view-tunnel .h-sub{font-size:12.5px;line-height:1.55;color:var(--fg-soft);margin-top:10px;}
#view-tunnel .card .big.tun-big{font-size:22px;line-height:1.2;}
#view-tunnel .calc-kpis .card .big{font-size:24px;line-height:1.15;}
.tun-svg{max-height:380px;margin:0 0 18px;border:1px solid var(--line-soft);}
.tun-picked td{background:color-mix(in srgb,var(--brass) 9%,transparent);}
.flag.ask{background:color-mix(in srgb,var(--brass) 20%,transparent);color:#7a5a1f;border:1px solid color-mix(in srgb,var(--brass) 45%,transparent);}
.h-table .ask,.calc-result .ask,.tun-legend .ask{color:#9a6f1e;font-weight:700;}
.h-table .pass,.tun-legend .pass{color:var(--ok);font-weight:700;}
.h-table .fail,.tun-legend .fail{color:var(--brick);font-weight:700;}
:root[data-theme="dark"] .flag.ask,:root[data-theme="dark"] .h-table .ask,:root[data-theme="dark"] .calc-result .ask,:root[data-theme="dark"] .tun-legend .ask{color:var(--brass-light);}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .flag.ask,:root:not([data-theme="light"]) .h-table .ask,:root:not([data-theme="light"]) .calc-result .ask,:root:not([data-theme="light"]) .tun-legend .ask{color:var(--brass-light);} }

/* the brief and the design check read as a document */
.tun-doc{padding:26px 28px 22px;}
.tun-doc-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:2px solid var(--brass);padding-bottom:14px;margin-bottom:16px;}
.tun-doc-head h2{font-family:'Roboto Slab',serif;font-size:24px;line-height:1.2;margin:2px 0 4px;}
.tun-doc-head .h-sub{margin-top:0 !important;}
.tun-eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;color:var(--fg-soft);}
.tun-doc-brand{font-family:'Roboto Slab',serif;font-weight:600;font-size:15px;text-align:right;white-space:nowrap;}
.tun-doc-brand span{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-soft);}
.tun-doc h4{margin:22px 0 8px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--fg-soft);font-weight:700;}
.tun-lead{font-size:14.5px !important;line-height:1.6 !important;color:var(--fg) !important;margin:0 0 16px !important;}
.tun-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 24px;}
.tun-cols h4{margin-top:8px;}
@media (max-width:760px){ .tun-cols{grid-template-columns:minmax(0,1fr);} .tun-doc{padding:18px 16px;} .tun-doc-head{flex-direction:column;} .tun-doc-brand{text-align:left;} }
.tun-doc .h-table td:first-child{width:34%;color:var(--fg-soft);}
.tun-doc .h-scroll .h-table td:first-child{width:auto;color:inherit;}
.tun-list{margin:0;padding-left:18px;font-size:13px;line-height:1.6;}
.tun-list li{margin:3px 0;}
.tun-who{font-size:12.5px;font-weight:700;margin:10px 0 2px;}
.tun-notes{font-size:13px;line-height:1.6;white-space:pre-wrap;margin:0;}
.tun-legend{margin-top:12px;}

@media print{
  body.printing-tunnel header,body.printing-tunnel .hero-copy-wrap,body.printing-tunnel .mobile-tabbar,body.printing-tunnel footer,body.printing-tunnel .view:not(#view-tunnel),
  body.printing-tunnel #view-tunnel .panel,body.printing-tunnel .tun-subnav-wrap,body.printing-tunnel #view-tunnel .report-topbar,body.printing-tunnel .link-apply,body.printing-tunnel #tourBar,body.printing-tunnel #oeBack{display:none !important;}
  body.printing-tunnel{background:#fff !important;padding:0 !important;}
  body.printing-tunnel #view-tunnel .wrap{display:block;min-height:0;}
  body.printing-tunnel #view-tunnel .viz{padding:0;}
  body.printing-tunnel .calc-method .formula{display:block;}
  body.printing-tunnel .card{break-inside:avoid;box-shadow:none;}
  body.printing-tunnel .tun-doc{border:none;padding:6px 0 0;break-inside:auto;overflow:visible;}
  body.printing-tunnel .tun-doc::before{display:none;}
  body.printing-tunnel .tun-doc h4{break-after:avoid;}
  body.printing-tunnel .tun-svg{break-inside:avoid;max-height:300px;}
}