:root{--canon-red:#7f0d18;--canon-red-dark:#51070f;--canon-gold:#c6a15b;--canon-ink:#251b18;--canon-paper:#fffdf8;--canon-soft:#f5efe5;--canon-line:rgba(67,35,28,.16)}
.canon-page-335{background:#f9f5ed;color:var(--canon-ink);padding:clamp(20px,3vw,42px) 0 0}
.canon-hero-335,.canon-workspace-335,.canon-foundations-335,.canon-comparison-guide-335{width:96%;margin-inline:auto}
.canon-hero-335{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:clamp(22px,4vw,60px);align-items:end;padding:clamp(34px,5vw,76px);border-radius:28px;background:linear-gradient(125deg,#5b0710 0%,#981321 58%,#bd2432 100%);color:#fff;box-shadow:0 26px 70px rgba(65,6,12,.16)}
.canon-kicker-335,.canon-section-kicker-335,.canon-code-kicker-335{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800}
.canon-hero-335 h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,7vw,6.8rem);line-height:.9;margin:0 0 18px}
.canon-lead-335{max-width:980px;font-size:clamp(1rem,1.4vw,1.35rem);line-height:1.58;margin:0;color:rgba(255,255,255,.91)}
.canon-hero-panel-335{border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:24px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.canon-hero-panel-335 strong{font-family:Georgia,'Times New Roman',serif;font-size:1.35rem}.canon-hero-panel-335 p{margin:.65rem 0 0;line-height:1.5;color:rgba(255,255,255,.86)}
.canon-workspace-335{margin-top:clamp(24px,3vw,42px)}
.canon-topicbar-335{display:grid;grid-template-columns:minmax(250px,460px) auto 1fr;gap:14px;align-items:end;background:#fff;border:1px solid var(--canon-line);border-radius:18px;padding:16px 18px;box-shadow:0 12px 34px rgba(61,37,24,.07)}
.canon-topicbar-335 label,.canon-controls-335 label{display:grid;gap:6px;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.canon-topicbar-335 select,.canon-controls-335 select,.canon-controls-335 input{width:100%;min-height:42px;border:1px solid var(--canon-line);border-radius:9px;background:#fff;padding:8px 10px;color:var(--canon-ink);font:inherit;text-transform:none;letter-spacing:normal}
.canon-topicbar-335 p{margin:0;align-self:center;font-size:.9rem;color:#6b5a50}
.canon-action-335,.canon-code-nav-335 button{border:0;border-radius:9px;min-height:42px;padding:9px 14px;background:var(--canon-red);color:#fff;font-weight:800;cursor:pointer}.canon-action-335:hover,.canon-code-nav-335 button:hover{background:var(--canon-red-dark)}
.canon-grid-335{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.46fr);gap:16px;margin-top:16px;align-items:stretch}
.canon-code-panel-335,.canon-commentary-panel-335{background:#fff;border:1px solid var(--canon-line);border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(61,37,24,.07)}
.canon-code-panel-335{display:grid;grid-template-rows:auto auto minmax(420px,62vh) auto;min-width:0}
.canon-code-header-335{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px 22px;background:linear-gradient(115deg,var(--canon-red-dark),var(--canon-red));color:#fff}
.canon-code-header-335 h2,.canon-commentary-panel-335 h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.7rem,2.5vw,2.5rem);margin:0;line-height:1}.canon-code-kicker-335{color:inherit;opacity:.78}
.canon-status-badge-335{white-space:nowrap;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800;background:rgba(255,255,255,.08)}
.canon-controls-335{display:grid;grid-template-columns:1fr 1.3fr 88px auto;gap:9px;padding:14px;border-bottom:1px solid var(--canon-line);background:#fbf8f2}.canon-search-label-335{grid-column:1/4}.canon-controls-335>.canon-action-335{align-self:end}
.canon-text-card-335{padding:clamp(20px,2.3vw,36px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;line-height:1.72;font-size:clamp(.98rem,1vw,1.08rem);background:var(--canon-paper)}
.canon-text-card-335:focus{outline:3px solid rgba(198,161,91,.45);outline-offset:-3px}
.canon-text-card-335 h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.55rem,2vw,2.15rem);line-height:1.12;margin:0 0 15px;color:var(--canon-red-dark)}
.canon-text-card-335 .canon-bookline-335{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#7b6658;font-weight:800;margin-bottom:12px}
.canon-text-card-335 .canon-source-335{border-top:1px solid var(--canon-line);margin-top:24px;padding-top:12px;font-size:.78rem;color:#77675f}
.canon-text-card-335 .canon-unavailable-335{border:1px dashed #c99b52;background:#fff7e8;padding:18px;border-radius:12px;color:#5c4526}
.canon-code-nav-335{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;background:#f4eee4;border-top:1px solid var(--canon-line)}.canon-code-nav-335 span{text-align:center;font-weight:800;font-size:.84rem;color:#5f4c42}
.canon-commentary-panel-335{display:grid;grid-template-rows:auto 1fr;min-width:0}.canon-commentary-panel-335>header{padding:20px;background:#32221d;color:#fff}.canon-commentary-panel-335>[data-canon-commentary-335]{padding:20px;overflow-y:auto;max-height:calc(62vh + 184px);scrollbar-gutter:stable;line-height:1.55}
.canon-commentary-panel-335 h3{font-family:Georgia,'Times New Roman',serif;color:var(--canon-red-dark);margin:1.2em 0 .45em;font-size:1.25rem}.canon-commentary-panel-335 h3:first-child{margin-top:0}.canon-commentary-panel-335 ul{padding-left:1.2rem}.canon-commentary-panel-335 li+li{margin-top:.65rem}.canon-commentary-panel-335 .canon-warning-335{padding:12px;border-radius:10px;background:#fff3d9;border-left:4px solid #c28b2c;font-size:.88rem}.canon-commentary-panel-335 .canon-context-card-335{padding:12px;border:1px solid var(--canon-line);border-radius:10px;background:#faf7f1;margin-bottom:10px}.canon-context-card-335 strong{display:block;color:var(--canon-red-dark)}
.canon-foundations-335,.canon-comparison-guide-335{margin-top:clamp(42px,7vw,94px);padding-bottom:clamp(42px,7vw,90px)}
.canon-foundations-335>header{max-width:1150px}.canon-foundations-335 h2,.canon-comparison-guide-335 h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.5rem,5vw,5rem);line-height:.96;color:var(--canon-red-dark);margin:.1em 0 .3em}.canon-foundations-335>header>p:last-child{font-size:clamp(1rem,1.2vw,1.24rem);line-height:1.65}
.canon-foundation-grid-335,.canon-guide-grid-335{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.canon-foundation-grid-335 article,.canon-guide-grid-335 article{background:#fff;border:1px solid var(--canon-line);border-radius:16px;padding:clamp(18px,2vw,28px);box-shadow:0 10px 28px rgba(61,37,24,.05)}.canon-foundation-grid-335 h3{font-family:Georgia,'Times New Roman',serif;color:var(--canon-red-dark);font-size:1.3rem;margin:0 0 .5rem}.canon-foundation-grid-335 p,.canon-guide-grid-335 p{margin:.45rem 0 0;line-height:1.58;color:#4f423c}.canon-guide-grid-335{grid-template-columns:repeat(4,minmax(0,1fr))}.canon-guide-grid-335 strong{font-family:Georgia,'Times New Roman',serif;color:var(--canon-red-dark);font-size:1.12rem}
@media(max-width:1280px){.canon-grid-335{grid-template-columns:1fr 1fr}.canon-commentary-panel-335{grid-column:1/-1}.canon-commentary-panel-335>[data-canon-commentary-335]{max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.canon-commentary-panel-335>[data-canon-commentary-335]>*{margin-top:0}.canon-guide-grid-335{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:840px){.canon-page-335{padding-top:12px}.canon-hero-335{grid-template-columns:1fr;padding:32px 24px;border-radius:18px}.canon-topicbar-335{grid-template-columns:1fr}.canon-grid-335{grid-template-columns:1fr}.canon-code-panel-335{grid-template-rows:auto auto minmax(360px,58vh) auto}.canon-commentary-panel-335{grid-column:auto}.canon-commentary-panel-335>[data-canon-commentary-335]{display:block}.canon-foundation-grid-335,.canon-guide-grid-335{grid-template-columns:1fr}.canon-controls-335{grid-template-columns:1fr 1fr}.canon-search-label-335{grid-column:1/-1}.canon-controls-335>.canon-action-335{grid-column:1/-1}.canon-code-header-335{display:block}.canon-status-badge-335{display:inline-block;margin-top:12px}}
@media(max-width:520px){.canon-hero-335,.canon-workspace-335,.canon-foundations-335,.canon-comparison-guide-335{width:calc(100% - 20px)}.canon-controls-335{grid-template-columns:1fr}.canon-search-label-335,.canon-controls-335>.canon-action-335{grid-column:auto}.canon-code-nav-335{grid-template-columns:1fr 1fr}.canon-code-nav-335 span{grid-column:1/-1;grid-row:1}.canon-code-nav-335 button{grid-row:2}.canon-text-card-335{font-size:.98rem}}