/* Doc pages (proposal / audit / blueprint) — long-form reading layout on the V2 system.
   Uses variables + fonts from assets/site.css (loaded before this file). */

.internalbar{background:#20090b;color:#ffd9d4;text-align:center;font-size:.82rem;padding:.55rem 4%;letter-spacing:.06em}
.internalbar strong{color:#ff7a6b;letter-spacing:.12em}

.doc-wrap{width:min(880px,92%)}
.doc-hero{background:linear-gradient(118deg,var(--blue-deep) 0%,var(--blue-dark) 36%,var(--blue) 76%,#2f8fff 118%);color:#fff;padding:3.6rem 0 3rem;position:relative;overflow:hidden}
.doc-hero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--orange) 0%,var(--orange-2) 38%,var(--blue) 100%);z-index:1}
.doc-hero::after{content:"";position:absolute;right:-90px;top:50%;transform:translateY(-50%);width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(247,160,31,.45) 0%,rgba(247,160,31,0) 68%);pointer-events:none}
.doc-hero h1{color:#fff;font-size:clamp(1.9rem,4.6vw,3rem);text-transform:uppercase;line-height:1.08;position:relative;z-index:1}
.doc-hero .doc-sub{color:#cfe5fc;font-size:1.02rem;margin-top:.8rem;position:relative;z-index:1}

.doc-main{padding:2.6rem 0 4.5rem;background:linear-gradient(180deg,var(--wash) 0%,#ffffff 380px)}

.toc{background:linear-gradient(135deg,var(--wash) 0%,var(--wash-2) 58%,#d7e8fc 100%);border:1px solid #bcd4ef;border-radius:var(--radius);padding:1.3rem 1.6rem 1.5rem;margin-bottom:2.4rem;box-shadow:0 10px 26px rgba(2,60,120,.06)}
.toc-title{font-size:1.05rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.7rem;background:linear-gradient(92deg,var(--blue) 0%,var(--blue-dark) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.toc ul{list-style:none;columns:2;column-gap:2.5rem}
.toc li{margin:.28rem 0;break-inside:avoid}
.toc li a{font-size:.95rem;font-weight:600}
.toc .toc-l3{padding-left:1.1rem}
.toc .toc-l3 a{font-weight:400;color:var(--muted)}
@media(max-width:640px){.toc ul{columns:1}}

.doc-wrap,.doc-body,.toc,.tscroll{min-width:0}
.doc-body{font-size:1.03rem;line-height:1.72;color:var(--ink);overflow-wrap:break-word}
.doc-body a{overflow-wrap:anywhere}
.doc-body h2{font-size:clamp(1.45rem,3.2vw,1.9rem);margin:2.6rem 0 .8rem;padding-top:1.6rem;border-top:0;background-image:linear-gradient(90deg,var(--blue) 0%,var(--blue-dark) 42%,var(--orange) 76%,rgba(247,160,31,0) 100%);background-size:100% 3px;background-repeat:no-repeat;background-position:left top;scroll-margin-top:110px;text-transform:none;letter-spacing:0}
.doc-body h2:first-child{border-top:0;background-image:none;padding-top:0;margin-top:0}
.doc-body h3{font-size:1.22rem;margin:1.8rem 0 .55rem;color:var(--blue-dark);scroll-margin-top:110px;padding-left:.65rem;background:linear-gradient(180deg,var(--blue) 0%,var(--orange) 135%) left center/4px 100% no-repeat}
.doc-body p{margin:.75rem 0}
.doc-body ul,.doc-body ol{margin:.75rem 0 .75rem 1.4rem}
.doc-body li{margin:.4rem 0}
.doc-body li>ul,.doc-body li>ol{margin:.35rem 0 .35rem 1.2rem}
.doc-body strong{color:var(--blue-ink)}
.doc-body a{font-weight:600;text-decoration:underline;text-underline-offset:2px}
.doc-body hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line) 82%,transparent);margin:2.2rem 0}
.doc-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--wash-2);border-radius:5px;padding:.08em .36em}
.doc-body pre{background:var(--blue-ink);color:#dcecfb;border-radius:10px;padding:1.1rem 1.2rem;overflow-x:auto;max-width:100%;margin:1.2rem 0;line-height:1.45}
.doc-body pre code{background:transparent;color:inherit;padding:0;font-size:.78rem}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:1.2rem 0;border:1px solid #bcd4ef;border-radius:10px;box-shadow:0 8px 24px rgba(2,60,120,.07)}
.tscroll.scorecard td:nth-child(4){font-weight:800;color:var(--blue-ink);background:linear-gradient(180deg,#e8f2fe 0%,#d5e7fc 100%)}
.doc-body table{border-collapse:collapse;width:100%;font-size:.94rem;min-width:560px}
/* Sticky first column so wide tables read well while scrolling sideways */
.doc-body th:first-child{position:sticky;left:0;z-index:2}
.doc-body td:first-child{position:sticky;left:0;z-index:1;background:#fff}
.doc-body tbody tr:nth-child(even) td:first-child{background:var(--wash)}

/* Small screens: tighter doc hero, roomier TOC tap targets, compact tables */
@media(max-width:640px){
  .internalbar{font-size:.74rem;padding:.5rem 5%}
  .doc-hero{padding:2.3rem 0 1.9rem}
  .doc-main{padding:1.7rem 0 3.2rem}
  .doc-body{font-size:1rem}
  .doc-body table{min-width:430px;font-size:.82rem}
  .doc-body th{font-size:.72rem;padding:.5rem .55rem}
  .doc-body td{padding:.48rem .55rem}
  .doc-body pre{padding:.9rem .95rem}
  .doc-body pre code{font-size:.7rem}
  .toc{padding:1.05rem 1.15rem 1.15rem;margin-bottom:1.8rem}
  .toc li{margin:0}
  .toc li a{display:block;padding:.42rem 0}
}
.doc-body th{background:linear-gradient(180deg,#2f8fff 0%,var(--blue-dark) 58%,var(--blue-deep) 100%);color:#fff;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.05em;font-size:.83rem;text-align:left;padding:.65rem .8rem}
.doc-body td{padding:.6rem .8rem;border-top:1px solid var(--line);vertical-align:top}
.doc-body tbody tr:nth-child(even) td{background:linear-gradient(90deg,var(--wash) 0%,#e9f2fd 100%)}