:root{--ahg-ink:#18201d;--ahg-green:#294f43;--ahg-gold:#a4772f;--ahg-line:rgba(24,32,29,.14);--ahg-paper:#fffdf8;--ahg-cream:#fbf5e9}
body.architecture-honeycomb-page{background:radial-gradient(circle at 10% 8%,rgba(164,119,47,.17),transparent 28rem),radial-gradient(circle at 88% 12%,rgba(41,79,67,.11),transparent 30rem),linear-gradient(180deg,#fbf7ed,#eee4d3 52%,#faf7ef);color:var(--ahg-ink)}
.architecture-honeycomb-shell{width:min(1040px,calc(100% - 24px));margin:auto;padding:clamp(18px,4vw,52px) 0 72px}
.architecture-study-hub,.architecture-home-hub{position:relative;margin:0 auto;text-align:center}
.architecture-map{position:relative;width:min(100%,720px);aspect-ratio:1/1;margin:0 auto;isolation:isolate}
.architecture-hex{--hex-edge:#d8cdbb;--hex-fill:rgba(255,253,248,.97);position:absolute;width:34%;aspect-ratio:1.1547/1;border:0;padding:2px;background:var(--hex-edge);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);filter:drop-shadow(0 10px 14px rgba(24,32,29,.08));cursor:pointer;color:var(--ahg-ink);font:inherit;transition:transform .2s ease,filter .2s ease,background .2s ease;touch-action:manipulation}
.architecture-hex::before{content:"";position:absolute;inset:2px;background:var(--hex-fill);clip-path:inherit;z-index:-1}
.architecture-hex:hover,.architecture-hex:focus-visible{transform:scale(1.035);filter:drop-shadow(0 13px 18px rgba(24,32,29,.13));outline:none;z-index:4}
.architecture-hex.is-active{--hex-edge:var(--ahg-gold);--hex-fill:var(--ahg-cream);filter:drop-shadow(0 14px 18px rgba(164,119,47,.17));z-index:3}
.architecture-hex-inner{position:absolute;inset:12% 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.7vw,8px);z-index:1}
.architecture-hex-number,.architecture-hex-code{color:#8f6727;font-weight:900;letter-spacing:.06em;font-size:clamp(.66rem,2.3vw,1.15rem)}
.architecture-hex-title{display:block;max-width:13ch;font-weight:850;line-height:1.02;font-size:clamp(.67rem,2.55vw,1.18rem);text-wrap:balance}
.architecture-hex-skill{display:block;max-width:18ch;color:#59635e;line-height:1.12;font-size:clamp(.48rem,1.7vw,.86rem);text-wrap:balance}
.architecture-hex-plus{display:grid;place-items:center;width:clamp(20px,5.2vw,34px);aspect-ratio:1;border-radius:50%;background:#f1eadf;color:#5c5142;font-size:clamp(.9rem,3vw,1.35rem);line-height:1;transition:transform .2s ease,background .2s ease}
.architecture-hex.is-active .architecture-hex-plus{transform:rotate(45deg);background:#eadac0}
.architecture-hex-center{left:31%;top:31%;width:38%;--hex-edge:#b98a3c;--hex-fill:var(--ahg-cream);z-index:2}
.architecture-hex-center .architecture-hex-title{font-family:Georgia,serif;font-weight:600;font-size:clamp(.82rem,3.05vw,1.55rem);max-width:14ch}
.architecture-hex-1{left:33%;top:1%}.architecture-hex-2{left:62%;top:17%}.architecture-hex-3{left:62%;top:52%}.architecture-hex-4{left:33%;top:69%}.architecture-hex-5{left:4%;top:52%}.architecture-hex-6{left:4%;top:17%}
.architecture-tap-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:-2% 0 18px;color:#68726d;font-size:.95rem}.architecture-tap-hint span{font-size:1.25rem}
.architecture-expanded{scroll-margin-top:16px;margin:10px auto 22px;padding:clamp(20px,4vw,38px);border:1px solid rgba(164,119,47,.28);border-radius:clamp(20px,4vw,34px);background:rgba(255,255,255,.91);box-shadow:0 22px 64px rgba(24,32,29,.1);text-align:left;overflow:hidden}
.architecture-expanded[hidden]{display:none!important}
.architecture-expanded-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(24,32,29,.1)}
.architecture-expanded-number{margin:0 0 6px;color:var(--ahg-gold);font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.architecture-expanded h1,.architecture-expanded h2{margin:0;font:500 clamp(2rem,6vw,4rem)/1 Georgia,serif;letter-spacing:-.025em}
.architecture-close{flex:0 0 auto;display:grid;place-items:center;width:44px;aspect-ratio:1;border:1px solid rgba(24,32,29,.14);border-radius:50%;background:#f5efe5;color:var(--ahg-ink);font:400 2rem/1 Arial,sans-serif;cursor:pointer}
.architecture-expanded-body{padding-top:clamp(18px,3vw,30px);color:#46504a;font-size:clamp(1rem,2vw,1.12rem);line-height:1.72}
.architecture-expanded-body h3{margin:2rem 0 .65rem;color:var(--ahg-ink);font:600 clamp(1.35rem,3vw,2rem)/1.1 Georgia,serif}.architecture-expanded-body h4{margin:0 0 .4rem;color:var(--ahg-ink);font-size:1.02rem}.architecture-expanded-body p{color:#46504a;line-height:1.72}
.architecture-kicker{margin:0 0 8px;color:var(--ahg-gold)!important;font-size:.8rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.architecture-lead{margin-top:0;color:#202824!important;font-size:clamp(1.16rem,3vw,1.5rem);line-height:1.5!important}
.architecture-callout{margin:1.3rem 0;padding:16px 18px;border-left:4px solid var(--ahg-gold);border-radius:0 12px 12px 0;background:#f8f1e5;color:#343d38}
.architecture-shift{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:1.5rem 0;padding:18px;border-radius:16px;background:#1d2723;color:#f8f3e8}.architecture-shift span{color:rgba(248,243,232,.68)}
.architecture-story{margin:1.25rem 0;padding:clamp(18px,3vw,26px);border:1px solid rgba(24,32,29,.11);border-radius:18px;background:var(--ahg-paper)}.architecture-story p:first-child{margin-top:0}.architecture-story p:last-child{margin-bottom:0}
.architecture-definition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:1.4rem 0}.architecture-definition-grid>div{padding:16px;border:1px solid rgba(24,32,29,.12);border-radius:14px;background:var(--ahg-paper)}.architecture-definition-grid span{display:block;margin-bottom:5px;color:#8f6727;font-weight:900}.architecture-definition-grid p{margin:0}
.architecture-level-list{display:grid;gap:14px;margin:1.35rem 0}.architecture-level-list article{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px;border:1px solid rgba(24,32,29,.11);border-radius:16px;background:var(--ahg-paper)}.architecture-level-list article>span{display:grid;place-items:center;width:42px;aspect-ratio:1;border-radius:50%;background:#eee2cf;color:#7d5b24;font-weight:950}.architecture-level-list h3{margin:0 0 .45rem}.architecture-level-list p{margin:.25rem 0}
.architecture-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:1.2rem 0}.architecture-card-grid article,.architecture-example-list article,.architecture-misread-list article{padding:18px;border:1px solid rgba(24,32,29,.11);border-radius:16px;background:var(--ahg-paper)}.architecture-card-grid h3,.architecture-example-list h3{margin:0 0 .45rem;font-size:1.25rem}.architecture-card-grid p,.architecture-example-list p,.architecture-misread-list p{margin:0}
.architecture-worked{padding:clamp(18px,3vw,28px);border-radius:18px;background:#f6efe3}.architecture-worked p:first-child{margin-top:0}.architecture-worked p:last-child{margin-bottom:0}.architecture-example-list,.architecture-misread-list{display:grid;gap:12px;margin:1.2rem 0}
.architecture-question-list,.architecture-check-list{padding-left:1.35rem}.architecture-question-list li,.architecture-check-list li{margin:.65rem 0;padding-left:.25rem}
.architecture-primary-link{display:inline-flex;align-items:center;min-height:44px;border-radius:999px;padding:0 17px;background:var(--ahg-ink);color:#faf7ef!important;text-decoration:none;font-weight:900}
.architecture-navigation{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px}.architecture-navigation .room-nav-button{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--ahg-ink);border-radius:999px;padding:0 15px;background:var(--ahg-ink);color:#faf7ef;text-decoration:none;font-weight:850}
.architecture-progress-control{margin:14px 0!important;padding:0!important;overflow:hidden;background:rgba(255,255,255,.78)!important}.architecture-progress-control details>summary{padding:18px 22px;cursor:pointer;color:var(--ahg-ink);font:600 1.35rem/1.15 Georgia,serif;list-style:none}.architecture-progress-control details>summary::-webkit-details-marker{display:none}.architecture-progress-control details>summary::after{content:"+";float:right;font-family:Arial,sans-serif;font-size:1.4rem;font-weight:400}.architecture-progress-control details[open]>summary::after{content:"−"}.architecture-progress-control-body{padding:0 22px 22px}
.architecture-home-study-groups{display:grid;gap:20px}.architecture-home-study-group{padding:20px;border:1px solid var(--ahg-line);border-radius:18px;background:rgba(255,253,248,.82)}.architecture-home-study-group h3{margin:0 0 12px}.architecture-home-study-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.architecture-home-study-link{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:13px;border:1px solid var(--ahg-line);border-radius:12px;background:#fff;text-decoration:none;color:var(--ahg-ink)}.architecture-home-study-link:hover,.architecture-home-study-link:focus-visible{border-color:rgba(164,119,47,.55);box-shadow:0 8px 18px rgba(24,32,29,.07)}.architecture-home-study-code{color:var(--ahg-gold);font-weight:950}.architecture-home-study-link strong{display:block}.architecture-home-study-link small{display:block;margin-top:3px;color:#59635e;line-height:1.35}
.architecture-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.architecture-action-card{padding:18px;border:1px solid var(--ahg-line);border-radius:16px;background:var(--ahg-paper)}.architecture-action-card h3{margin:0 0 8px}.architecture-action-card p{margin:0 0 14px}
@media(max-width:720px){.architecture-honeycomb-shell{width:min(100% - 14px,640px);padding-top:12px}.architecture-map{width:100%;max-width:540px}.architecture-hex{filter:drop-shadow(0 6px 8px rgba(24,32,29,.07))}.architecture-hex-inner{inset:12% 9%;gap:2px}.architecture-hex-title{font-size:clamp(.61rem,3.05vw,.98rem)}.architecture-hex-center .architecture-hex-title{font-size:clamp(.74rem,3.75vw,1.2rem)}.architecture-tap-hint{font-size:.82rem;margin-top:-1%}.architecture-expanded{padding:20px 17px;border-radius:24px}.architecture-expanded-head{gap:8px}.architecture-close{width:40px}.architecture-definition-grid,.architecture-card-grid,.architecture-action-grid,.architecture-home-study-list{grid-template-columns:1fr}.architecture-shift{grid-template-columns:1fr}.architecture-navigation{display:grid;grid-template-columns:1fr 1fr}.architecture-navigation .room-nav-button{width:auto;justify-content:center;text-align:center;padding:0 10px;font-size:.84rem}}
@media(max-width:390px){.architecture-honeycomb-shell{width:calc(100% - 8px)}.architecture-hex-number,.architecture-hex-code{font-size:.6rem}.architecture-hex-title{font-size:.57rem}.architecture-hex-center .architecture-hex-title{font-size:.72rem}.architecture-hex-skill{font-size:.42rem}.architecture-hex-plus{width:19px;font-size:.86rem}.architecture-expanded h1,.architecture-expanded h2{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){.architecture-hex{transition:none}.architecture-expanded{scroll-behavior:auto}}