.server-load-page .load-content{max-width:1100px}
.load-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px}
.load-principles>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2)}
.load-principles>div>span{grid-row:1 / span 2;font-size:27px}
.load-principles strong{font-size:16px}
.load-principles small{color:var(--muted);font-size:13px}
.load-toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}
.load-toc a{display:flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-weight:700;font-size:14px}
.load-toc a:hover{background:var(--green-soft);border-color:var(--line-strong)}
.load-section{scroll-margin-top:calc(var(--header-h) + 24px)}
.load-section+.load-section{margin-top:52px}
.load-section .support-section-head{margin-top:0;margin-bottom:22px}
.load-section h2{font-size:clamp(24px,3vw,34px)}
.load-symptoms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.load-symptoms li{position:relative;padding:12px 16px 12px 34px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.load-symptoms li::before{content:"";position:absolute;top:24px;left:16px;width:6px;height:6px;border-radius:50%;background:var(--green)}
.load-note{margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.85}
.load-callout{margin-top:22px;padding:20px 22px;border-left:4px solid var(--green);border-radius:0 12px 12px 0;background:var(--green-soft)}
.load-callout h3{margin:0 0 8px;font-size:18px;line-height:1.5}
.load-callout p{margin:0}
.load-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.load-example{min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}
.load-card-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.load-card-heading>span{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--panel-2);font-size:23px}
.load-card-heading h3{margin:5px 0 0;font-size:19px;line-height:1.6}
.load-example>p{margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.85}
.load-example dl{margin:0;font-size:15px;line-height:1.85}
.load-example dt{margin-top:14px;font-weight:800;font-size:13px;color:var(--green-dark)}
.load-example dd{margin:5px 0 0}
.load-checklist{display:grid;gap:0;margin:0;padding:4px 22px;list-style:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.load-checklist li{position:relative;padding:14px 0 14px 30px}
.load-checklist li+li{border-top:1px solid var(--line)}
.load-checklist li::before{content:"✓";position:absolute;left:0;color:var(--green-dark);font-weight:800}
.load-faq{display:grid;gap:10px}
.load-faq details{border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.load-faq summary{padding:17px 20px;font-weight:700;cursor:pointer}
.load-faq details[open] summary{border-bottom:1px solid var(--line)}
.load-faq p{margin:0;padding:17px 20px;line-height:1.85}
.load-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.server-load-page a:focus-visible,.server-load-page summary:focus-visible{outline:3px solid var(--green);outline-offset:4px;border-radius:6px}
.load-skip{position:fixed;top:8px;left:16px;z-index:1000;padding:10px 16px;transform:translateY(-150%);border-radius:8px;background:var(--panel);color:var(--text);border:2px solid var(--green)}
.load-skip:focus{transform:translateY(0)}
@media(max-width:960px){
  .load-principles{gap:10px}
  .load-principles>div{grid-template-columns:1fr;gap:5px;padding:14px}
  .load-principles>div>span{grid-row:auto;font-size:24px}
  .load-example{padding:20px}
}
@media(max-width:760px){
  .load-principles,.load-example-grid,.load-symptoms{grid-template-columns:1fr}
  .load-principles>div{grid-template-columns:36px minmax(0,1fr);column-gap:10px;row-gap:0;padding:12px 14px}
  .load-principles>div>span{grid-row:1 / span 2}
  .load-toc{gap:7px;margin-bottom:28px}
  .load-toc a{flex:1 1 calc(50% - 7px);justify-content:center;padding:8px;font-size:13px}
  .load-section+.load-section{margin-top:38px}
  .load-card-heading h3{font-size:18px}
  .load-callout{padding:16px}
  .load-callout h3{font-size:17px}
  .load-checklist{padding:4px 16px}
  .load-faq summary,.load-faq p{padding:15px 16px}
}
@media(prefers-reduced-motion:reduce){
  .server-load-page{scroll-behavior:auto}
  html:has(.server-load-page){scroll-behavior:auto}
}