*{box-sizing:border-box;margin:0}
body{background:#ffffff;color:#141414;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.sheet{max-width:1200px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;border-left:1px solid rgba(20,20,20,0.14);border-right:1px solid rgba(20,20,20,0.14)}
.sbar{display:flex;align-items:center;gap:18px;padding:10px 18px;background:#0a0a0a;border-bottom:1px solid rgba(20,20,20,0.14)}
.sname{font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Segoe UI', sans-serif;font-weight:800;font-size:17px;display:flex;align-items:center;gap:8px}
.sname em{font-style:normal;color:rgba(20,20,20,0.55);font-family:'Courier New', Courier, monospace;font-size:13px}
.xicon{color:#0e6b52}
.smenu{display:flex;gap:16px;font-size:14px;color:rgba(20,20,20,0.55)}
.smenu a:hover{color:#141414}
.sshare{margin-left:auto;background:#0e6b52;color:#ffffff;padding:7px 16px;border-radius:6px;font-weight:700;font-size:13px}
.fbar{display:flex;align-items:center;gap:12px;padding:7px 14px;background:#0a0a0a;border-bottom:1px solid rgba(20,20,20,0.14);font-family:'Courier New', Courier, monospace;font-size:13px}
.cellref{min-width:52px;text-align:center;background:#eef3f0;border:1px solid rgba(20,20,20,0.14);border-radius:5px;padding:4px 8px;color:#0e6b52;font-weight:700}
.fx{color:rgba(20,20,20,0.55);font-style:italic}
.finput{color:#141414;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gridscroll{flex:1;overflow-x:auto;background:#eef3f0}
.grid{width:100%;border-collapse:collapse;font-family:'Courier New', Courier, monospace;font-size:13.5px;min-width:720px}
.grid th,.grid td{border:1px solid rgba(20,20,20,0.14);padding:8px 12px;vertical-align:top}
.grid thead th{position:sticky;top:0;z-index:2;background:#e2e7e4;color:rgba(20,20,20,0.55);font-weight:700;text-align:center}
.corner{width:44px}
.colh{text-align:center}
.rn{width:44px;text-align:center;background:#e2e7e4;color:rgba(20,20,20,0.55);font-weight:700;position:sticky;left:0}
.banner{padding:34px 26px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;background:linear-gradient(120deg,rgba(14,107,82,0.14),transparent 70%)}
.bkick{font-family:'Courier New', Courier, monospace;color:#0e6b52;letter-spacing:.18em;font-size:12px}
.banner h1{font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Segoe UI', sans-serif;font-size:clamp(28px,4.6vw,50px);line-height:1.05;margin:8px 0 10px;letter-spacing:-.01em}
.banner p{color:rgba(20,20,20,0.55);max-width:60ch;font-size:16px}
.sbtns{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.sbtn{font-family:'Courier New', Courier, monospace;font-weight:700;background:#0e6b52;color:#ffffff;padding:9px 20px;border-radius:6px;font-size:13px}
.sbtn.ghost{background:transparent;border:1px solid #0e6b52;color:#0e6b52}
.sbtn:hover{filter:brightness(1.08)}
.sechead{background:#e2e7e4;color:#0e6b52;font-weight:700;letter-spacing:.04em}
.c-id{color:rgba(20,20,20,0.55)}
.c-name{font-weight:700}
.c-desc{color:rgba(20,20,20,0.55)}
.c-desc.wide{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:1.6}
.c-num{text-align:right;color:#0e6b52;font-weight:700}
.c-stat{text-align:center}
.pill{font-size:11px;padding:2px 9px;border-radius:99px}
.pill.ok{background:rgba(14,107,82,0.14);color:#0e6b52}
.imgrow td.imgcell{padding:4px}
.imgcell figure{margin:0;position:relative}
.imgcell img{width:100%;height:96px;object-fit:cover;display:block}
.imgcell figcaption{position:absolute;bottom:3px;left:3px;font-size:9px;background:#0a0a0a;color:#0e6b52;padding:1px 5px;border-radius:3px}
.ctarow td{padding:16px 12px}
.cnote{color:rgba(20,20,20,0.55);margin-left:10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif}
.grid td.hot{outline:2px solid #0e6b52;outline-offset:-2px;background:rgba(14,107,82,0.14)}
.tabs{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#0a0a0a;border-top:1px solid rgba(20,20,20,0.14);font-family:'Courier New', Courier, monospace;font-size:12px}
.tab{padding:5px 14px;border:1px solid rgba(20,20,20,0.14);border-bottom:0;border-radius:6px 6px 0 0;color:rgba(20,20,20,0.55);cursor:pointer}
.tab.on{background:#eef3f0;color:#0e6b52;font-weight:700}
.status{margin-left:auto;color:rgba(20,20,20,0.55)}
@media(max-width:560px){.smenu{display:none}}


.xq{box-sizing:border-box;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;color:#1a2a2a;padding:56px 24px;width:100%}
.xq *{box-sizing:border-box;margin:0}
.xq .xq-wrap{max-width:1060px;margin:0 auto}
.xq h2{font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Segoe UI', sans-serif;font-size:1.7rem;line-height:1.2;margin-bottom:8px}
.xq .xq-kick{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#0e6b52;margin-bottom:10px;font-weight:700}

.xq-checklist{list-style:none;padding:0;margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 26px}
.xq-checklist li{position:relative;padding:10px 0 10px 32px;border-bottom:1px dashed rgba(26,42,42,0.14)}
.xq-checklist li::before{content:"\2713";position:absolute;left:0;top:8px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;background:#0e6b52;color:#ffffff;font-size:.75rem;font-weight:800}


/* =====================================================
   DESIGN DNA: sketchbook
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
html::before{content:'';position:fixed;inset:0;z-index:99980;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='28'%3E%3Cpath d='M0 27.5H100' stroke='%231a2a2a' stroke-width='1'/%3E%3C/svg%3E");opacity:.06;}
h1,h2,h3{font-family:'Segoe Print', 'Comic Sans MS', cursive !important;font-weight:700 !important}
h2{text-decoration:underline wavy rgba(14,107,82,.8) 2px;text-underline-offset:6px}
img{border:3px solid #1a2a2a !important;border-radius:10px 3px 12px 4px !important;transform:rotate(-.7deg);filter:saturate(.95)}
a[class*="btn"],button,span[class*="btn"]{border:2.5px dashed #1a2a2a !important;border-radius:12px 4px 14px 5px !important;font-family:'Segoe Print', 'Comic Sans MS', cursive !important;box-shadow:none !important}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border:2px dashed rgba(26,42,42,.7) !important;border-radius:4px 14px 5px 12px !important;box-shadow:none !important}