.page-module__w8XXxG__page{--background:#f5f6f8;--surface:#fff;--surface-muted:#fbfbfc;--border:#e5e7eb;--border-strong:#d1d5db;--text-primary:#111418;--text-secondary:#4b5563;--text-muted:#6b7280;--accent:#111418;--accent-soft:#eef0f3;--ng:#b42318;--ng-soft:#fef3f2;--ok:#067647;--ok-soft:#ecfdf3;background-color:var(--background);min-height:100%;color:var(--text-primary);font-family:var(--font-geist-sans);flex-direction:column;flex:1;display:flex}.page-module__w8XXxG__header{background:var(--surface);border-bottom:1px solid var(--border)}.page-module__w8XXxG__headerInner{justify-content:space-between;align-items:center;width:100%;max-width:960px;margin:0 auto;padding:16px 32px;display:flex}.page-module__w8XXxG__backLink{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s}@media (hover:hover) and (pointer:fine){.page-module__w8XXxG__backLink:hover{color:var(--text-primary)}}.page-module__w8XXxG__badge{background:var(--accent-soft);height:24px;color:var(--text-secondary);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.page-module__w8XXxG__main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:48px 32px 80px}.page-module__w8XXxG__hero{margin-bottom:64px}.page-module__w8XXxG__eyebrow{letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:600}.page-module__w8XXxG__title{letter-spacing:-.01em;color:var(--text-primary);margin-bottom:20px;font-size:30px;font-weight:700;line-height:1.4}.page-module__w8XXxG__lead{color:var(--text-secondary);max-width:720px;margin-bottom:16px;font-size:15px;line-height:1.9}.page-module__w8XXxG__relatedLink{color:var(--text-muted);font-size:13px}.page-module__w8XXxG__relatedLink a{color:var(--text-primary);border-bottom:1px solid var(--border-strong);padding-bottom:1px;font-weight:500;transition:border-color .2s}@media (hover:hover) and (pointer:fine){.page-module__w8XXxG__relatedLink a:hover{border-color:var(--text-primary)}}.page-module__w8XXxG__section{margin-bottom:56px}.page-module__w8XXxG__section:last-child{margin-bottom:0}.page-module__w8XXxG__sectionHeading{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:700}.page-module__w8XXxG__sectionLead{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.8}.page-module__w8XXxG__principleGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;list-style:none;display:grid}.page-module__w8XXxG__principleCard{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:24px;display:flex}.page-module__w8XXxG__principleNumber{font-family:var(--font-geist-mono);letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:600}.page-module__w8XXxG__principleTitle{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.5}.page-module__w8XXxG__principleDescription{color:var(--text-secondary);font-size:13px;line-height:1.8}.page-module__w8XXxG__compositionTable{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.page-module__w8XXxG__compositionHeader{background:var(--surface-muted);border-bottom:1px solid var(--border);letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;grid-template-columns:1.4fr .6fr 2fr;gap:16px;padding:14px 24px;font-size:11px;font-weight:600;display:grid}.page-module__w8XXxG__compositionRow{grid-template-columns:1.4fr .6fr 2fr;align-items:baseline;gap:16px;padding:16px 24px;font-size:14px;display:grid}.page-module__w8XXxG__compositionRow+.page-module__w8XXxG__compositionRow{border-top:1px solid var(--border)}.page-module__w8XXxG__compositionPhase{color:var(--text-primary);font-weight:600}.page-module__w8XXxG__compositionRatio{font-family:var(--font-geist-mono);color:var(--text-primary);font-weight:600}.page-module__w8XXxG__compositionIntent{color:var(--text-secondary);line-height:1.7}.page-module__w8XXxG__placementList{flex-direction:column;gap:12px;list-style:none;display:flex}.page-module__w8XXxG__placementRow{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:200px 1fr;gap:24px;padding:20px 24px;display:grid}.page-module__w8XXxG__placementZone{color:var(--text-primary);font-size:13px;font-weight:600}.page-module__w8XXxG__placementStrategy{color:var(--text-secondary);font-size:13px;line-height:1.8}.page-module__w8XXxG__tableWrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.page-module__w8XXxG__templateTable{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}.page-module__w8XXxG__templateTable thead th{text-align:left;background:var(--surface-muted);border-bottom:1px solid var(--border);letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;padding:14px 16px;font-size:11px;font-weight:600}.page-module__w8XXxG__templateTable tbody th{text-align:left;color:var(--text-primary);font-weight:600;font-family:var(--font-geist-mono);padding:14px 16px}.page-module__w8XXxG__templateTable tbody td{color:var(--text-secondary);padding:14px 16px}.page-module__w8XXxG__templateTable tbody tr+tr th,.page-module__w8XXxG__templateTable tbody tr+tr td{border-top:1px solid var(--border)}.page-module__w8XXxG__antipatternList{flex-direction:column;gap:12px;list-style:none;display:flex}.page-module__w8XXxG__antipatternRow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.page-module__w8XXxG__antipatternBad,.page-module__w8XXxG__antipatternGood{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.page-module__w8XXxG__antipatternBad{background:var(--ng-soft);border-color:#f3c2bd}.page-module__w8XXxG__antipatternGood{background:var(--ok-soft);border-color:#b8e6cf}.page-module__w8XXxG__antipatternBad p,.page-module__w8XXxG__antipatternGood p{color:var(--text-primary);font-size:13px;line-height:1.7}.page-module__w8XXxG__antipatternLabel{letter-spacing:.04em;border-radius:999px;align-items:center;width:fit-content;height:20px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.page-module__w8XXxG__antipatternBad .page-module__w8XXxG__antipatternLabel{background:var(--ng);color:#fff}.page-module__w8XXxG__antipatternGood .page-module__w8XXxG__antipatternLabel{background:var(--ok);color:#fff}.page-module__w8XXxG__footer{border-top:1px solid var(--border);background:var(--surface)}.page-module__w8XXxG__footer small{max-width:960px;color:var(--text-muted);margin:0 auto;padding:20px 32px;font-size:12px;display:block}@media (max-width:720px){.page-module__w8XXxG__headerInner{padding:14px 20px}.page-module__w8XXxG__main{padding:32px 20px 64px}.page-module__w8XXxG__title{font-size:24px}.page-module__w8XXxG__compositionHeader,.page-module__w8XXxG__compositionRow{grid-template-columns:1fr 80px;gap:12px}.page-module__w8XXxG__compositionIntent{grid-column:1/-1;font-size:12px}.page-module__w8XXxG__placementRow{grid-template-columns:1fr;gap:8px}.page-module__w8XXxG__antipatternRow{grid-template-columns:1fr}.page-module__w8XXxG__footer small{padding:16px 20px}}