.guide-back-wrap{background:var(--c-bg-dark);padding:var(--s-3) var(--gut);max-width:100%}.guide-back{font-family:var(--f-mono);font-size:var(--fs-xs);color:#edeae073;letter-spacing:var(--ls-mono);max-width:var(--max);display:block;margin:0 auto}.guide-back:hover{color:#edeae0cc;opacity:1}.pu-section{padding-block:var(--s-7)}.pu-section--alt{background:var(--c-bg-2)}@media(max-width:560px){.pu-section{padding-block:var(--s-6)}}.hero{background:var(--c-bg-dark);color:var(--c-inverse-ink);padding-block:var(--s-8)}.hero-inner{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}.hero-label{display:inline-block;font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--w-medium);letter-spacing:var(--ls-mono);color:var(--c-accent);text-transform:uppercase;margin-bottom:var(--s-4)}.hero h1{font-family:var(--f-display);font-size:var(--fs-display);font-weight:var(--w-semibold);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--c-inverse-ink);max-width:16ch}.hero h1 em{font-style:normal;color:var(--c-accent);display:inline}.hero-sub{margin-top:var(--s-4);font-size:var(--fs-md);color:#edeae0a6;max-width:44ch;line-height:var(--lh-normal)}.hero-badges{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-6)}.badge{font-family:var(--f-mono);font-size:var(--fs-2xs);font-weight:var(--w-medium);letter-spacing:var(--ls-mono);background:#edeae014;border:1px solid rgba(237,234,224,.15);color:#edeae0a6;padding:var(--s-1) var(--s-3);border-radius:var(--r-pill)}.section-label{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--w-medium);letter-spacing:var(--ls-mono);color:var(--c-ink-3);text-transform:uppercase;margin-bottom:var(--s-3)}.section-title{font-family:var(--f-display);font-size:var(--fs-2xl);font-weight:var(--w-semibold);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--c-ink);margin-bottom:var(--s-3)}.section-desc{font-size:var(--fs-md);color:var(--c-ink-2);max-width:44ch;margin-bottom:var(--s-6)}hr.divider{border:none;border-top:var(--border);margin-block:var(--s-6)}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}@media(max-width:560px){.insight-grid{grid-template-columns:1fr}}@media(max-width:560px){.five-table,.cheat-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}pre.template .key{display:inline-block;max-width:100%}}.insight-card{border:var(--border);border-radius:var(--r-lg);padding:var(--s-4);background:var(--c-bg)}.insight-card .card-icon{font-size:18px;margin-bottom:var(--s-2);display:block}.insight-card h4{font-family:var(--f-display);font-size:var(--fs-sm);font-weight:var(--w-semibold);color:var(--c-ink);margin-bottom:var(--s-2);letter-spacing:-.01em}.insight-card p{font-size:var(--fs-sm);color:var(--c-ink-2);line-height:1.6}.compare{display:grid;gap:var(--s-2);margin-block:var(--s-4)}.compare-row{display:grid;grid-template-columns:44px 1fr;gap:var(--s-3);align-items:start}.compare-tag{font-family:var(--f-mono);font-size:var(--fs-2xs);font-weight:var(--w-bold);letter-spacing:var(--ls-mono);text-align:center;padding:2px var(--s-2);border-radius:var(--r-sm);margin-top:3px}.compare-tag.before{background:#f2d8d0;color:#8b3820}.compare-tag.after{background:#d8e8d0;color:#3a6025}@media(prefers-color-scheme:dark){.compare-tag.before{background:#3d1a12;color:#d87a56}.compare-tag.after{background:#1a2e15;color:#8fb36f}}.compare-text{font-size:var(--fs-sm);line-height:1.65;color:var(--c-ink);background:var(--c-bg-2);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}.compare-text.before{opacity:.75}.compare-note{font-size:var(--fs-xs);color:var(--c-ink-3);padding:var(--s-2) var(--s-4);border-left:2px solid var(--c-line);margin-top:var(--s-2);margin-bottom:var(--s-4);line-height:1.6}.template-wrap{margin-top:var(--s-4)}.template-label{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--w-medium);letter-spacing:var(--ls-mono);color:var(--c-ink-3);text-transform:uppercase;margin-bottom:var(--s-2);display:flex;align-items:center;gap:var(--s-2)}.template-label:after{content:"";flex:1;height:1px;background:var(--c-line)}pre.template{background:var(--c-bg-dark);color:#edeae0e0;font-family:var(--f-mono);font-size:var(--fs-xs);line-height:1.75;padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);overflow-x:auto;tab-size:2;white-space:pre}pre.template .key{color:var(--c-accent);font-weight:var(--w-medium)}.upgrade-section{padding-block:var(--s-6);border-top:var(--border)}.upgrade-num{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--w-medium);letter-spacing:var(--ls-mono);color:var(--c-accent);text-transform:uppercase;margin-bottom:var(--s-2)}.upgrade-title{font-family:var(--f-display);font-size:var(--fs-xl);font-weight:var(--w-semibold);letter-spacing:-.02em;color:var(--c-ink);margin-bottom:var(--s-2)}.upgrade-sub{font-size:var(--fs-sm);color:var(--c-ink-3);margin-bottom:var(--s-5);font-style:italic}.upgrade-principle{font-size:var(--fs-md);color:var(--c-ink-2);border-left:3px solid var(--c-accent);padding-left:var(--s-4);margin-bottom:var(--s-5);line-height:var(--lh-normal)}.five-table{width:100%;border-collapse:collapse;margin-top:var(--s-4);font-size:var(--fs-sm)}.five-table th{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--w-medium);letter-spacing:var(--ls-mono);color:var(--c-ink-3);text-align:left;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--c-ink-3);text-transform:uppercase}.five-table td{padding:var(--s-3) var(--s-3);border-bottom:var(--border);line-height:1.55;vertical-align:top;color:var(--c-ink)}.five-table td:first-child{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--w-semibold);letter-spacing:var(--ls-mono);white-space:nowrap}.five-table td.accent{color:var(--c-accent)}.five-table td.muted{color:var(--c-ink-3);font-style:italic}.five-table tr:last-child td{border-bottom:none}.cheat-wrap{background:var(--c-bg-dark);color:var(--c-inverse-ink);padding-block:var(--s-7)}.cheat-inner{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}.cheat-inner .section-label{color:#edeae066}.cheat-inner .section-title{color:var(--c-inverse-ink)}.cheat-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);margin-top:var(--s-5)}.cheat-table th{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-mono);color:#edeae066;text-transform:uppercase;text-align:left;padding:var(--s-2) var(--s-3);border-bottom:1px solid rgba(237,234,224,.1)}.cheat-table td{padding:var(--s-3) var(--s-3);border-bottom:1px solid rgba(237,234,224,.07);color:#edeae0cc;vertical-align:top;line-height:1.55}.cheat-table td:first-child{font-family:var(--f-mono);font-size:var(--fs-xs);color:#edeae066;white-space:nowrap;padding-right:var(--s-2);width:28px}.cheat-table td.strike{text-decoration:line-through;color:#edeae04d}.cheat-table td.gain{color:var(--c-inverse-success)}.cheat-table .arrow{color:var(--c-accent);font-family:var(--f-mono);text-align:center;width:20px}.cheat-table tr:last-child td{border-bottom:none}.mega-template-wrap{background:var(--c-bg-2);border:var(--border);border-radius:var(--r-lg);overflow:hidden;margin-top:var(--s-5)}.mega-template-head{background:var(--c-bg-dark);padding:var(--s-2) var(--s-4);display:flex;align-items:center;gap:var(--s-2)}.dot{width:10px;height:10px;border-radius:50%}.dot.r{background:var(--c-error)}.dot.y{background:var(--c-warn)}.dot.g{background:var(--c-success)}.mega-template-head span{margin-left:var(--s-2);font-family:var(--f-mono);font-size:var(--fs-xs);color:#edeae059;letter-spacing:var(--ls-mono)}.mega-template-body{padding:var(--s-5);font-family:var(--f-mono);font-size:var(--fs-sm);line-height:2;color:var(--c-ink)}.tl-key{color:var(--c-accent);font-weight:var(--w-semibold)}.tl-val{color:var(--c-ink-2)}.tl-note{color:var(--c-ink-3);font-style:italic}.effect{display:inline-block;font-family:var(--f-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);color:var(--c-accent);background:#697c7014;border:1px solid rgba(105,124,112,.2);padding:1px var(--s-2);border-radius:var(--r-pill);margin-left:var(--s-2);vertical-align:middle}.closing-wrap{background:var(--c-bg-dark);padding-block:var(--s-8);text-align:center}.closing-inner{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}.closing-wrap .section-label{color:#edeae059;margin-bottom:var(--s-5)}.closing-wrap h2{font-family:var(--f-display);font-size:var(--fs-2xl);font-weight:var(--w-semibold);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--c-inverse-ink);margin-bottom:var(--s-5)}.closing-wrap p{font-size:var(--fs-md);color:#edeae08c;max-width:34ch;margin:0 auto;line-height:var(--lh-normal)}.antipattern-list{display:grid;gap:var(--s-3);margin-top:var(--s-2)}.antipattern-item{display:grid;grid-template-columns:32px 1fr;gap:var(--s-3);padding:var(--s-4) var(--s-5);background:var(--c-bg);border:var(--border);border-left:3px solid var(--c-warn);border-radius:var(--r-md)}.antipattern-num{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--w-medium);color:var(--c-warn);letter-spacing:var(--ls-mono);padding-top:2px}.antipattern-body{display:flex;flex-direction:column;gap:var(--s-2)}.antipattern-title{font-family:var(--f-display);font-size:var(--fs-md);font-weight:var(--w-semibold);color:var(--c-ink);letter-spacing:-.01em}.antipattern-bad-list{display:flex;flex-wrap:wrap;gap:var(--s-1)}.antipattern-bad{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-warn);background:#b8862b1a;border-radius:var(--r-sm);padding:2px var(--s-2)}.antipattern-desc{font-size:var(--fs-sm);color:var(--c-ink-2);line-height:1.6}.ref-list{display:grid;gap:var(--s-3);margin-top:var(--s-2)}.ref-item{display:grid;grid-template-columns:1fr auto;align-items:start;gap:var(--s-4);padding:var(--s-4) 0;border-bottom:var(--border)}.ref-item:last-child{border-bottom:none}.ref-meta{display:flex;flex-direction:column;gap:var(--s-1)}.ref-tag{font-family:var(--f-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);color:var(--c-ink-3);text-transform:uppercase}.ref-title{font-size:var(--fs-sm);font-weight:var(--w-medium);color:var(--c-ink);line-height:1.5}.ref-sub{font-size:var(--fs-xs);color:var(--c-ink-3)}.ref-link{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-accent);letter-spacing:var(--ls-mono);white-space:nowrap;flex-shrink:0;align-self:center}@media(max-width:560px){.ref-item{grid-template-columns:1fr}.ref-link{align-self:start}}.principle-box{background:var(--c-bg-2);border:var(--border);border-left:3px solid var(--c-accent);border-radius:0 var(--r-lg) var(--r-lg) 0;padding:var(--s-4) var(--s-5);margin-block:var(--s-5)}.principle-box .pb-label{font-family:var(--f-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);color:var(--c-accent);text-transform:uppercase;margin-bottom:var(--s-2)}.principle-box p{font-size:var(--fs-md);font-weight:var(--w-medium);color:var(--c-ink);line-height:var(--lh-normal)}