@font-face{font-family:"Zilla Slab";src:url(/assets/font-6hua4nt2-zilla-slab-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Zilla Slab";src:url(/assets/font-6hua4nt2-zilla-slab-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Karla";src:url(/assets/font-6hua4nt2-karla-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Karla";src:url(/assets/font-6hua4nt2-karla-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --fog:#E2E9E3;--fog2:#CFDAD3;--sheet:#FBFBF7;--ink:#12363A;--ink2:#475B5B;--line:#A9B7AE;
  --red:#A63F22;--green:#3E6120;--tang:#D2693A;--cobalt:#0F5F66;--sun:#E8B93A;--sun-pale:#FAEFC8;--mtn:#6F6757;--val:#A9D0D0;
  --head:"Zilla Slab",Rockwell,"Roboto Slab",serif;--body:"Karla","Trebuchet MS",Verdana,sans-serif;
  --brick:#9A3519;--brick-d:#34130B;--deep:#0B4A50;--measure:68ch;--maxw:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--fog);color:var(--ink);font:400 1.125rem/1.6 var(--body)}
::selection{background:var(--sun);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--cobalt);text-underline-offset:.2em;text-decoration-thickness:2px}
a:hover{color:var(--red)}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}
h1,h2,h3{font-family:var(--head);font-weight:700;color:var(--ink);line-height:1.08;margin:0 0 .55em;text-wrap:balance}
h1{font-size:clamp(2.4rem,5.6vw,4.4rem);letter-spacing:-.01em}
h2{font-size:clamp(1.85rem,3.8vw,2.9rem);position:relative;padding-bottom:.55em;letter-spacing:-.005em}
h2::after{content:"";position:absolute;left:0;bottom:0;width:min(11rem,50%);height:12px;background:
  linear-gradient(172deg,transparent 4px,var(--mtn) 4px,var(--mtn) 6px,transparent 6px) 0 0/100% 100% no-repeat,
  linear-gradient(188deg,transparent 4px,var(--val) 4px,var(--val) 7px,transparent 7px) 0 0/100% 100% no-repeat}
h3{font-size:1.4rem}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.sw7ng-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:12px}
.sw7ng-wx,.sw7ng-hero,.sw7ng-panel,.sw7ng-tide,.sw7ng-section,.sw7ng-sec,.sw7ng-why,.sw7ng-foot,.sw7ng-head{padding-inline:12px}
.sw7ng-skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--sheet);padding:.7rem 1rem;z-index:99}
.sw7ng-skip:focus{left:1rem;top:1rem}.sw7ng-skip:hover{color:var(--sheet)}

/* header: sheet-white strip with a pleated lower edge */
.sw7ng-head{position:sticky;top:0;z-index:20;background:var(--brick-d);border-bottom:0}
.sw7ng-head::after{content:"";position:absolute;left:0;right:0;top:100%;height:9px;pointer-events:none;background:
  linear-gradient(135deg,var(--brick-d) 50%,transparent 50%) 0 0/18px 9px,
  linear-gradient(225deg,var(--brick-d) 50%,transparent 50%) 0 0/18px 9px}
.sw7ng-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
.sw7ng-brand{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;font:700 1.35rem/1.1 var(--head);color:var(--ink);text-decoration:none}
.sw7ng-brand img{width:34px;height:34px}
.sw7ng-brand:hover{color:var(--red)}
.sw7ng-head .sw7ng-brand{color:var(--sheet)}.sw7ng-head .sw7ng-brand:hover{color:var(--sun)}
.sw7ng-head .sw7ng-brand img{background:var(--sheet);padding:3px;border-radius:2px;width:38px;height:38px}
.sw7ng-links{display:flex;align-items:center;gap:.2rem}
.sw7ng-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 .85rem;color:var(--sheet);text-decoration:none;font-weight:700;font-size:1.0625rem}
.sw7ng-links a:hover{color:var(--sun);text-decoration:underline}
.sw7ng-links .sw7ng-cta{position:relative;isolation:isolate;margin-left:.5rem;padding:0 1.3rem;color:var(--sheet)!important;background:none}
.sw7ng-links .sw7ng-cta::before{content:"";position:absolute;inset:0;background:#C24A27;transform:skewX(-10deg);z-index:-1}
.sw7ng-links .sw7ng-cta:hover{text-decoration:none;color:var(--ink)!important}
.sw7ng-links .sw7ng-cta:hover::before{background:var(--sun)}
.sw7ng-menu{display:none;align-items:center;justify-content:center;width:46px;height:46px;background:var(--sheet);border:2px solid var(--ink);color:var(--ink);padding:0;cursor:pointer}
.sw7ng-menu svg{width:24px;height:24px}
@media (max-width:760px){
  .sw7ng-menu{display:inline-flex}
  .sw7ng-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--brick-d);border-bottom:3px solid var(--sun);flex-direction:column;align-items:stretch;padding:.6rem 1rem 1rem;gap:.2rem}
  .sw7ng-links[data-open]{display:flex}
  .sw7ng-links .sw7ng-cta{margin:.5rem 0 0;justify-content:center}
  .sw7ng-head::after{display:none}
}

/* weather: the harbour master's strip */
.sw7ng-wx{background:var(--ink);color:var(--sheet)}
.sw7ng-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.6rem;padding:.75rem 8px}
.sw7ng-wx-photo{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;background:none;border:0;padding:0;color:var(--sheet);font:inherit;cursor:pointer}
.sw7ng-wx-photo img{width:48px;height:48px;object-fit:cover;border:2px solid var(--sheet)}
.sw7ng-wx-photo span{font:700 .9rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--sheet);padding:.55rem .7rem}
.sw7ng-wx-photo:hover span,.sw7ng-wx-photo[aria-expanded=true] span{background:var(--sun);border-color:var(--sun);color:var(--ink)}
.sw7ng-wx :focus-visible{outline-color:var(--sun)}
.sw7ng-wx a:hover,.sw7ng-wx button:hover{color:var(--sun)}
.sw7ng-wx-now{display:flex;align-items:center;gap:.7rem}
.sw7ng-wx-now>div{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.sw7ng-wx-now strong{font:700 2.2rem/1 var(--head);color:var(--sun)}
.sw7ng-wx-now span{font-size:1rem;color:var(--sheet)}
.sw7ng-wx-now small{display:block;font-size:.9rem;color:#D4E2DD}
.sw7ng-wx-icon{display:inline-flex;color:var(--sun)}
.sw7ng-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.sw7ng-wx-days li{display:grid;grid-template-columns:auto auto;column-gap:.6rem;align-items:center;border:1.5px solid #6E8F8D;padding:.3rem .75rem;font-size:.9rem;min-width:124px;background:#1D4A4E}
.sw7ng-wx-day{font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sheet)}
.sw7ng-wx-glyph{grid-row:1/3;grid-column:2;color:var(--sun)}.sw7ng-wx-glyph svg{width:24px;height:24px}
.sw7ng-wx-hl{grid-column:1}.sw7ng-wx-hl strong{font:700 1.1rem var(--head);color:var(--sheet)}.sw7ng-wx-hl em{font-style:normal;color:#D4E2DD;margin-left:.35rem}
.sw7ng-wx-cond{grid-column:1/3;font-size:.85rem;color:#D4E2DD;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw7ng-wx-source{margin-left:auto;font-size:.9rem;color:#D4E2DD}
.sw7ng-wx-panel{padding:0 0 1rem}.sw7ng-wx-panel img{max-width:600px;width:100%;background:#0B2224;border:2px solid var(--sheet)}.sw7ng-wx-panel p{font-size:.9rem;color:#D4E2DD;margin:.5rem 0 0}
@media (max-width:700px){.sw7ng-wx-source{margin-left:0;width:100%}.sw7ng-wx-now strong{font-size:1.8rem}.sw7ng-wx-days li{min-width:calc(50% - .3rem)}}

/* eyebrows: small spec captions with a creased marker */
.sw7ng-eyebrow{display:flex;align-items:center;gap:.6rem;margin:0 0 .85rem;font:700 .95rem/1.25 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.sw7ng-eyebrow::before{content:"";flex:none;width:1.1rem;height:.8rem;background:linear-gradient(135deg,var(--red) 50%,var(--tang) 50%);transform:skewX(-18deg)}

/* hero: a hard vertical split, brick plaster beside the falling water */
.sw7ng-hero{padding:0;background:var(--brick)}
.sw7ng-hero>.sw7ng-wrap{max-width:none;padding:0}
.sw7ng-hero-grid{display:grid;grid-template-columns:58fr 42fr;gap:0;align-items:stretch}
.sw7ng-hero-copy{background:var(--brick);color:var(--sheet);padding:4.2rem 3.2rem 4.4rem max(24px,calc((100vw - 1200px)/2 + 12px));display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.sw7ng-hero-copy h1{color:var(--sheet);font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.02;margin-bottom:.45em;max-width:11ch}
.sw7ng-hero-copy .sw7ng-eyebrow{color:#FBE9DC}
.sw7ng-hero-copy .sw7ng-eyebrow::before{background:linear-gradient(135deg,var(--sun) 50%,var(--sheet) 50%)}
.sw7ng-hero-copy .sw7ng-lead{color:var(--sheet)}
.sw7ng-hero-copy :focus-visible{outline-color:var(--sun)}
@media (max-width:900px){.sw7ng-hero-grid{grid-template-columns:1fr}.sw7ng-sheet{order:-1}.sw7ng-hero-copy{padding:2.2rem 16px 2.6rem}}
.sw7ng-lead{font-size:1.28rem;line-height:1.5;color:var(--ink2);max-width:46ch}
.sw7ng-trust{display:grid;gap:.45rem;margin:1.3rem 0 0;padding:0;list-style:none;font-size:1.0625rem;font-weight:700}
.sw7ng-trust li{display:flex;align-items:center;gap:.7rem;min-height:30px}
.sw7ng-trust li::before{content:"";flex:none;width:1.2rem;height:1.2rem;clip-path:polygon(15% 0,100% 100%,15% 100%);background:var(--sun)}
.sw7ng-acts{display:flex;flex-wrap:wrap;gap:.9rem 1.2rem;margin:1.8rem 0 0;max-width:none}
.sw7ng-sheet{position:relative;background:var(--deep);padding:2.6rem 2.4rem;display:flex;align-items:center;justify-content:center;
  background-image:repeating-linear-gradient(122deg,transparent 0 38px,rgba(251,251,247,.07) 38px 40px)}
.sw7ng-sheet svg{width:100%;height:auto;max-width:560px}
@media (max-width:900px){.sw7ng-sheet{padding:1.4rem 16px}}

/* buttons: skewed plate behind the label, so focus rings stay whole */
.sw7ng-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;padding:.6rem 1.7rem;border:0;background:none;font:700 1.1rem/1.2 var(--body);cursor:pointer;text-decoration:none;color:var(--ink)}
.sw7ng-btn::before{content:"";position:absolute;inset:0;transform:skewX(-10deg);z-index:-1;background:var(--ink)}
.sw7ng-btn--primary{color:var(--sheet)}
.sw7ng-btn--primary::before{background:var(--red)}
.sw7ng-btn--primary:hover{color:var(--ink)}
.sw7ng-btn--primary:hover::before{background:var(--sun)}
.sw7ng-btn--ghost::before{background:var(--sheet);border:2px solid var(--ink)}
.sw7ng-btn--ghost:hover{color:var(--sheet)}
.sw7ng-btn--ghost:hover::before{background:var(--ink)}
.sw7ng-btn[disabled]{opacity:.65;cursor:progress}

/* hero buttons on brick */
.sw7ng-hero-copy .sw7ng-btn--primary{color:var(--ink)}
.sw7ng-hero-copy .sw7ng-btn--primary::before{background:var(--sun)}
.sw7ng-hero-copy .sw7ng-btn--primary:hover{color:var(--ink)}
.sw7ng-hero-copy .sw7ng-btn--primary:hover::before{background:var(--sheet)}
.sw7ng-hero-copy .sw7ng-btn--ghost{color:var(--sheet)}
.sw7ng-hero-copy .sw7ng-btn--ghost::before{background:transparent;border:2px solid var(--sheet)}
.sw7ng-hero-copy .sw7ng-btn--ghost:hover{color:var(--ink)}
.sw7ng-hero-copy .sw7ng-btn--ghost:hover::before{background:var(--sheet)}
.sw7ng-band{background:var(--ink);padding:2.2rem 12px 2.8rem}
.sw7ng-band .sw7ng-mosaic{margin-top:0}

/* mosaic: three photos cut as folded parallelograms */
.sw7ng-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:2.6rem}
.sw7ng-mosaic a{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--ink);margin-left:-3.2%;clip-path:polygon(11% 0,100% 0,89% 100%,0 100%)}
.sw7ng-mosaic a:first-child{margin-left:0;grid-column:auto;aspect-ratio:4/3}
.sw7ng-mosaic a:nth-child(2){clip-path:polygon(0 0,89% 0,100% 100%,11% 100%)}
.sw7ng-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sw7ng-mosaic a:hover img{transform:scale(1.04)}
.sw7ng-mosaic a:focus-visible{outline:4px solid var(--sun);outline-offset:-10px}
.sw7ng-mosaic span{position:absolute;left:0;right:0;bottom:0;padding:.7rem 13% .8rem;background:rgba(18,54,58,.9);color:var(--sheet);font:700 1.0625rem/1.25 var(--body)}
@media (max-width:700px){
  .sw7ng-mosaic{grid-template-columns:1fr;gap:.7rem}
  .sw7ng-mosaic a,.sw7ng-mosaic a:nth-child(2){margin-left:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}

/* sections */
.sw7ng-section,.sw7ng-sec{padding:3.4rem 12px;background:var(--fog)}
.sw7ng-section--soft{background:var(--fog2)}
.sw7ng-section--deep{background:var(--ink);color:var(--sheet)}
.sw7ng-section--deep h1,.sw7ng-section--deep h2,.sw7ng-section--deep h3{color:var(--sheet)}
.sw7ng-section--deep a{color:var(--sun)}.sw7ng-section--deep a:hover{color:var(--sheet)}
.sw7ng-section--deep .sw7ng-eyebrow{color:#D4E2DD}
.sw7ng-section--deep :focus-visible{outline-color:var(--sun)}
.sw7ng-cols,.sw7ng-steps{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.sw7ng-learn-list{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}

/* cards: a sheet with one corner folded over */
.sw7ng-card{--behind:var(--fog);--flap:var(--val);position:relative;display:block;background:var(--sheet);border:2px solid var(--ink);padding:1.4rem 1.4rem 1.5rem;color:var(--ink);text-decoration:none;border-radius:0}
.sw7ng-card::before{content:"";position:absolute;top:-2px;right:-2px;width:34px;height:34px;background:linear-gradient(225deg,var(--behind) calc(50% - 1px),var(--ink) calc(50% - 1px),var(--ink) calc(50% + 1px),var(--flap) calc(50% + 1px))}
.sw7ng-card h3{margin-bottom:.4em;padding-right:1.4rem}
.sw7ng-card p{margin-bottom:0;color:var(--ink2)}
a.sw7ng-card:hover{color:var(--ink);background:var(--sun-pale)}
a.sw7ng-card:hover h3{text-decoration:underline;text-decoration-thickness:2px}
.sw7ng-steps .sw7ng-card{padding-top:1.3rem}
.sw7ng-num{display:inline-grid;place-items:end center;width:3.4rem;height:3.6rem;padding-bottom:.3rem;margin-bottom:.8rem;font:700 1.5rem/1 var(--head);color:var(--sheet);background:var(--red);clip-path:polygon(0 0,100% 64%,100% 100%,0 100%)}
.sw7ng-steps .sw7ng-card:nth-child(2) .sw7ng-num{background:var(--cobalt)}
.sw7ng-steps .sw7ng-card:nth-child(3) .sw7ng-num{background:var(--green)}
.sw7ng-learn .sw7ng-card:nth-child(4n+2){--flap:#EBB79A}
.sw7ng-learn .sw7ng-card:nth-child(4n+3){--flap:#C9D6A8}

/* the pleated divider and the navy why-section */
.sw7ng-pleat{line-height:0;background:var(--fog)}
.sw7ng-pleat svg{display:block;width:100%;height:34px}
.sw7ng-why{background:var(--ink);color:var(--sheet);padding:2.6rem 12px 3.6rem}
.sw7ng-why h2{color:var(--sheet)}
.sw7ng-why .sw7ng-eyebrow{color:#D4E2DD}
.sw7ng-why h2::after{background:
  linear-gradient(172deg,transparent 4px,var(--sun) 4px,var(--sun) 6px,transparent 6px) 0 0/100% 100% no-repeat,
  linear-gradient(188deg,transparent 4px,var(--val) 4px,var(--val) 7px,transparent 7px) 0 0/100% 100% no-repeat}
.sw7ng-why a{color:var(--sun)}.sw7ng-why a:hover{color:var(--sheet)}
.sw7ng-why :focus-visible{outline-color:var(--sun)}
.sw7ng-why-text{columns:2 21rem;column-gap:3rem}
.sw7ng-why-text p{max-width:none;break-inside:avoid-column}
.sw7ng-hl{margin-top:1.6rem;padding-top:1.2rem;border-top:2px dashed #6E8F8D}
.sw7ng-hl p{max-width:none;margin:0;font-weight:700}

/* quote engine */
.sw7ng-panel{padding:3rem 12px;background:var(--fog2)}
.sw7ng-quote{--behind:var(--fog2);--flap:var(--val);position:relative;background:var(--sheet);border:2px solid var(--ink);padding:1.6rem 1.5rem 1.7rem;border-radius:0}
.sw7ng-section--soft .sw7ng-quote{--behind:var(--fog2)}
.sw7ng-quote::before{content:"";position:absolute;top:-2px;right:-2px;width:50px;height:50px;background:linear-gradient(225deg,var(--behind) calc(50% - 1px),var(--ink) calc(50% - 1px),var(--ink) calc(50% + 1px),var(--flap) calc(50% + 1px))}
.sw7ng-quote h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.sw7ng-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.3rem}
@media (max-width:560px){.sw7ng-fields{grid-template-columns:1fr}}
.sw7ng-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.sw7ng-field>span{font-size:1rem;font-weight:700;color:var(--ink)}
.sw7ng-field input,.sw7ng-field select,.sw7ng-field textarea{font:inherit;font-size:1.0625rem;min-height:48px;padding:.6rem .75rem;border:2px solid var(--ink2);border-radius:0;background:#fff;color:var(--ink);width:100%}
.sw7ng-field textarea{min-height:130px}
.sw7ng-field input:focus,.sw7ng-field select:focus,.sw7ng-field textarea:focus{outline:3px solid var(--cobalt);outline-offset:2px;border-color:var(--ink)}
.sw7ng-field--wide{grid-column:1/-1}
.sw7ng-seg{display:flex;flex-wrap:wrap;gap:.55rem}
.sw7ng-seg label{position:relative;display:inline-flex;align-items:center;min-height:46px;padding:.45rem 1rem;border:2px solid var(--ink);background:#fff;color:var(--ink);font-size:1.0625rem;font-weight:700;cursor:pointer;border-radius:2px 14px 2px 14px}
.sw7ng-seg label:hover{background:var(--sun-pale)}
.sw7ng-seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.sw7ng-seg input:checked+span{background:none;margin:0;padding:0;border-radius:0;display:inline}
.sw7ng-seg label:has(input:checked){background:var(--ink);color:var(--sheet);border-color:var(--ink)}
.sw7ng-seg label:has(input:focus-visible){outline:3px solid var(--cobalt);outline-offset:3px}
.sw7ng-note{font-size:.95rem;color:var(--ink2);margin-top:.8rem}
.sw7ng-status{margin-top:.9rem;font-weight:700;min-height:1.4em}
.sw7ng-status[data-tone=error]{color:#A12626}
.sw7ng-quote .sw7ng-btn{margin-top:.6rem}
.sw7ng-results{margin-top:1.6rem}
.sw7ng-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:baseline;margin-bottom:1rem;font-size:1.0625rem}
.sw7ng-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.3rem;align-items:center;border:2px solid var(--ink2);padding:1rem 1.15rem;margin-bottom:.8rem;background:var(--sheet);border-radius:0}
.sw7ng-result--best{border:3px solid var(--green);background:#F2F6E8}
.sw7ng-result strong{font:700 1.2rem/1.2 var(--head)}
.sw7ng-result small{display:block;color:var(--ink2);font-size:.95rem}
.sw7ng-price{font:700 2rem/1 var(--head);text-align:right;color:var(--ink)}
.sw7ng-price small{display:block;font:700 .9rem var(--body);text-align:right;margin-top:.3rem;color:var(--ink2)}
.sw7ng-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.sw7ng-tag{font-size:.85rem;font-weight:700;padding:.2rem .6rem;background:var(--fog);border:1.5px solid var(--ink2);color:var(--ink);border-radius:2px 9px 2px 9px}
.sw7ng-tag--now{background:var(--sun);color:var(--ink);border-color:var(--ink)}
.sw7ng-group{font-size:1.4rem;margin:1.6rem 0 .5rem}
.sw7ng-applicant{margin:.2rem 0 1rem;border-color:var(--ink)}
.sw7ng-result .sw7ng-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.sw7ng-result{grid-template-columns:1fr auto auto}.sw7ng-result .sw7ng-btn{grid-column:auto}}
.sw7ng-disclosure{font-size:.95rem;color:var(--ink2);border-top:2px dashed var(--line);padding-top:1rem;margin-top:1.2rem}
details.sw7ng-more{margin-top:.6rem;font-size:1rem}
details.sw7ng-more summary{cursor:pointer;color:var(--cobalt);font-weight:700;min-height:44px;display:flex;align-items:center}

/* tide table: the dock-edge rate board */
.sw7ng-tide{padding:3.4rem 12px;background:var(--fog)}
.sw7ng-table-wrap{overflow-x:auto;border:2px solid var(--ink);background:var(--sheet);padding:8px}
.sw7ng-table{width:100%;border-collapse:collapse;font-size:1.0625rem}
.sw7ng-table th,.sw7ng-table td{padding:.8rem .9rem;border-bottom:1.5px solid var(--line);text-align:left}
.sw7ng-table thead th{background:var(--ink);color:var(--sheet);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:0;vertical-align:bottom}
.sw7ng-table tbody tr:nth-child(even){background:#EEF3EF}
.sw7ng-table tbody tr:last-child td{border-bottom:0}
.sw7ng-table td:first-child{font-weight:700}
.sw7ng-table td:nth-child(2),.sw7ng-table td:nth-child(3){font:700 1.3rem/1.1 var(--head);font-variant-numeric:tabular-nums}
.sw7ng-table td:nth-child(2){color:var(--green)}
@media (max-width:560px){.sw7ng-table th,.sw7ng-table td{padding:.65rem .5rem}.sw7ng-table thead th{font-size:.8rem;letter-spacing:.04em}.sw7ng-table td:nth-child(2),.sw7ng-table td:nth-child(3){font-size:1.15rem}}

/* articles and inner pages */
.sw7ng-article{max-width:var(--measure);margin-inline:auto}
.sw7ng-article h1{margin-bottom:.5em}
.sw7ng-article .sw7ng-lead{max-width:none}
.sw7ng-article figure{margin:0 0 1.6rem}
.sw7ng-article figcaption{font-size:.95rem;color:var(--ink2);margin-top:.5rem}
.sw7ng-article img{border:2px solid var(--ink)}
.sw7ng-article h2{margin-top:1.6em}
.sw7ng-sources{font-size:1rem;border-top:2px dashed var(--line);padding-top:1.1rem;margin-top:2.2rem}.sw7ng-sources ol{padding-left:1.3rem}
.sw7ng-faq details{border-bottom:2px solid var(--line);padding:.2rem 0}
.sw7ng-faq summary{cursor:pointer;font:700 1.25rem/1.3 var(--head);min-height:48px;display:flex;align-items:center;gap:.8rem;padding:.5rem 0;list-style:none}
.sw7ng-faq summary::-webkit-details-marker{display:none}
.sw7ng-faq summary::before{content:"";flex:none;width:.95rem;height:.95rem;background:var(--red);clip-path:polygon(0 0,100% 50%,0 100%);transition:transform .2s}
.sw7ng-faq details[open] summary::before{transform:rotate(90deg);background:var(--green)}
.sw7ng-faq details p{padding-left:1.75rem}
.sw7ng-calc{padding-right:1.4rem}
.sw7ng-calc output{font:700 2.2rem/1.1 var(--head);color:var(--green);display:block;margin-top:.8rem}
.sw7ng-apply-shell{background:var(--sheet);border:2px solid var(--ink);padding:1rem;min-height:600px}
.sw7ng-apply-shell iframe{width:100%;border:0}

/* footer */
.sw7ng-foot{background:var(--fog2);border-top:3px solid var(--ink);padding:2.6rem 12px 2.2rem;font-size:1.0625rem;color:var(--ink)}
.sw7ng-foot-grid{display:grid;gap:1.6rem;grid-template-columns:2fr 1fr 1fr}
@media (max-width:700px){.sw7ng-foot-grid{grid-template-columns:1fr}}
.sw7ng-foot a{color:var(--ink)}.sw7ng-foot a:hover{color:var(--red)}
.sw7ng-foot nav a{display:flex;align-items:center;min-height:44px}
.sw7ng-foot nav strong{font:700 1.15rem var(--head);display:block;margin-bottom:.2rem}
.sw7ng-foot .sw7ng-brand{font-size:1.4rem}
.sw7ng-foot p[data-copy]{font-size:.95rem!important;color:var(--ink2)}

[data-reveal]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sw7ng-mosaic img,.sw7ng-faq summary::before{transition:none}}

/* no-exam highlight */
.sw7ng-noexam{background:var(--sun-pale);border:2px solid var(--ink);padding:1rem 1rem .4rem;margin:0 0 1.5rem}
.sw7ng-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:0;font-size:1.4rem}
.sw7ng-noexam-badge{display:inline-block;background:var(--ink);color:var(--sheet);font:700 .85rem var(--body);letter-spacing:.1em;text-transform:uppercase;padding:.35rem .75rem;border-radius:2px 10px 2px 10px}
.sw7ng-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.sw7ng-result--noexam{border-color:var(--ink);background:var(--sheet)}
.sw7ng-tag--noexam{background:var(--ink);color:var(--sheet);border-color:var(--ink)}
.sw7ng-tag--usually{background:var(--sun-pale);color:var(--ink);border-color:var(--ink)}
.sw7ng-noexam-note+.sw7ng-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:2px dashed var(--ink2)}