/* 3volveD: navy, orange, cyan and a workshop/drawing-board treatment. */
:root {
  --navy: #142838;
  --panel: #1f3447;
  --panel-light: #273f53;
  --accent: #f4a000;
  --cyan: #22b2d4;
  --text: #eaf0f6;
  --muted: #b9c6d3;
  --stroke: rgba(255,255,255,.14);
  --stroke-bright: rgba(255,255,255,.24);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--navy);
  color: var(--text);
  font: 15.5px/1.76 Verdana, Geneva, Tahoma, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: #ffc355; }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.wrap { max-width: 1140px; padding: 0 32px; margin: 0 auto; }
/* Preserved guide article styles. */
.guide-intro { padding-top: 27px; padding-bottom: 0; }
.guide-subtitle {
  max-width: 820px;
  margin: 0 0 22px;
  color: var(--accent);
  font-size: clamp(20px, 2.3vw, 27px);
  font-weight: 700;
  line-height: 1.42;
}
.intro { max-width: 820px; font-size: 15px; color: var(--text); line-height: 1.8; }
.intro p { margin: 0 0 14px; }
.intro p:last-child { margin-bottom: 0; }
.hero-image { max-width: 790px; margin: 26px 0 0; }
.hero-image img { width: 100%; max-height: 460px; height: auto; object-fit: cover;
  object-position: center; display: block; border: 1px solid var(--stroke-bright);
  border-radius: 7px; }
figure { margin:24px 0 27px; }
figcaption,.caption { font-size:12.5px; line-height:1.65; color:var(--muted); margin:9px 0 0; }
.below { display:grid; grid-template-columns:222px minmax(0,1fr); gap:54px; padding-top:49px; padding-bottom:72px; align-items:start; }
nav.contents { position:sticky; top:20px; border-left:3px solid var(--accent); padding:5px 0 4px 17px; }
.navhead { color:var(--accent); font-size:11px; text-transform:uppercase; letter-spacing:1.5px; font-weight:700; margin:0 0 11px; }
nav.contents a { display:block; padding:7px 0; color:var(--muted); font-size:12.5px; line-height:1.5; text-decoration:none; font-weight:600; }
nav.contents a:hover { color:var(--accent); }
article { min-width:0; max-width:820px; }
section { scroll-margin-top:26px; padding:4px 0 25px; }
section+section { border-top:1px solid var(--stroke); margin-top:22px; padding-top:36px; }
.sectionno,.image-label { color:var(--accent); font-weight:700; letter-spacing:1.55px; font-size:11px; text-transform:uppercase; margin:0 0 9px; }
h2 { font:700 clamp(24px,2.6vw,32px)/1.35 Verdana,Geneva,Tahoma,Arial,sans-serif; color:#fff; letter-spacing:-.65px; margin:0 0 19px; }
h3 { font-size:19px; line-height:1.42; color:#fff; margin:24px 0 12px; }
p { margin:0 0 16px; }
ul { margin:8px 0 20px; padding-left:24px; }
li { padding-left:3px; margin-bottom:9px; }
li::marker { color:var(--accent); }
strong { color:#fff; }
.figureimg { display:block; width:100%; max-width:100%; height:auto; object-fit:contain; background:#f5f6f7; border:1px solid var(--stroke-bright); border-radius:6px; }
.narrow-figure { max-width:615px; }
.narrow-figure .figureimg { max-height:650px; width:auto; margin:0; }
.methods { display:grid; grid-template-columns:1fr; gap:12px; margin:24px 0; }
.method { background:var(--panel); border:1px solid var(--stroke); border-left:3px solid var(--cyan); border-radius:6px; padding:19px 20px 15px; }
.method h4 { font-size:15px; line-height:1.45; color:#fff; margin:0 0 9px; }
.method p { font-size:13.5px; line-height:1.75; color:var(--text); margin:0 0 10px; }
.method p:last-child { margin-bottom:0; }
.checklist { background:var(--panel); border:1px solid var(--stroke); border-top:3px solid var(--cyan); border-radius:6px; padding:21px 26px 10px; margin:22px 0; }
.checklist ul { margin:0 0 11px; }
.checklist strong { color:#fff; }
.service { margin:8px 0 4px; padding:30px; background:var(--panel); border:1px solid var(--stroke); border-left:4px solid var(--accent); border-radius:7px; }
.service h2 { margin-bottom:17px; }
.service p { margin-bottom:15px; }
.service-links { display:flex; flex-wrap:wrap; gap:11px; align-items:center; margin-top:24px; }
.service-links a { display:inline-flex; padding:11px 17px; align-items:center; justify-content:center; min-height:43px; border:1px solid var(--accent); border-radius:5px; font-size:12px; font-weight:bold; line-height:1.4; text-decoration:none; }
.service-links a.primary { color:var(--navy); background:var(--accent); }
.service-links a.primary:hover { color:var(--navy); background:#ffc355; }
.service-links a.secondary { color:var(--accent); background:transparent; }
.service-links a.secondary:hover { background:rgba(244,160,0,.10); }
dl { margin:4px 0 0; }
dl div { border-bottom:1px solid var(--stroke); padding:16px 0; }
dt { font-weight:700; color:#fff; margin-bottom:5px; }
dd { margin:0; color:var(--muted); }
/* The site's established embedded footer. */
.embed-footer {
  max-width: 1076px;
  margin: 2px auto 22px;
  border: 1px solid var(--stroke);
  border-radius: 16px;
  background: rgba(255,255,255,.045);
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
  padding: 20px 18px 17px;
  text-align: center;
  color: var(--muted);
}
.footer-nav { display: flex; align-items: center; justify-content: center;
  flex-wrap: wrap; gap: 8px 17px; margin: 0 0 13px; }
.footer-nav a { font-size: 13.5px; font-weight: 700; color: var(--accent); text-decoration: none; }
.footer-nav a:hover { text-decoration: underline; color: #ffc355; }
.footer-meta { margin: 5px auto; max-width: 95ch; font-size: 13.5px; line-height: 1.55; }
.footer-detail { margin: 9px 0 6px; font-size: 12.5px; line-height: 1.5; }
.footer-copyright { margin: 7px 0 0; font-size: 11px; letter-spacing: .3px; }
@media(max-width:800px) {
  .wrap { padding-left:22px; padding-right:22px; }
  .guide-intro { padding-top: 20px; }
  .below { display:block; padding-top:12px; padding-bottom:38px; }
  nav.contents { position:static; border-left:0; border-bottom:1px solid var(--stroke); padding:20px 0 18px; margin:0 0 30px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 17px; }
  .navhead { grid-column:1/-1; }
  .service { padding:23px; }
}
@media(max-width:460px) {
  .wrap { padding-left:17px; padding-right:17px; }
  .guide-intro { padding-top: 17px; }
  .guide-subtitle { font-size: 21px; }
  .intro { font-size:14px; }
  nav.contents a { font-size:12px; }
  .method { padding:16px; }
  .checklist { padding:16px 20px 7px; }
  .service-links a { width:100%; }
  .embed-footer { margin-left: 16px; margin-right: 16px; padding: 18px 13px; }
  .footer-nav { gap: 8px 14px; }
}
@media print { body,.embed-footer{background:#fff;color:#111;} .intro,dd,p{color:#222;} h2,h3,strong,dt{color:#111;} nav.contents{display:none;} .below{display:block;} section{break-inside:avoid;} }

.guide-title { font: 700 clamp(28px,3vw,40px)/1.2 Verdana,Geneva,Tahoma,Arial,sans-serif; color: var(--text); margin: 0 0 18px; }
.site-header a, .site-header a:hover { color: inherit; }