@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Jost:wght@300;400;500;600&family=Shippori+Mincho:wght@400;500;600;700&display=swap');

:root{--qm-paper:#f3eee4;--qm-paper-2:#fbf8f1;--qm-ink:#1c1a16;--qm-ink-2:#544f45;--qm-muted:#8a8271;--qm-line:#ded4c2;--qm-gold:#b0882a;--qm-gold-2:#c9a227;--qm-noir:#15120e;--qm-serif:'Shippori Mincho','Hiragino Mincho ProN',serif;--qm-sans:'Jost','Hiragino Sans','Yu Gothic UI',sans-serif}
.qm-page{min-height:100vh;background:var(--qm-paper);color:var(--qm-ink);font-family:var(--qm-sans);background-image:radial-gradient(circle at 1px 1px,rgba(28,26,22,.03) 1px,transparent 0);background-size:22px 22px}.qm-page *{box-sizing:border-box}.qm-shell{width:min(1160px,calc(100% - 44px));margin-inline:auto}.qm-kicker{display:block;margin:0 0 14px;color:var(--qm-gold-2);font:500 1rem/1.4 Cinzel,serif;letter-spacing:.24em}.qm-eyebrow{color:var(--qm-gold);font:500 1rem/1.4 Cinzel,serif;letter-spacing:.2em}.qm-page a:focus-visible,.qn-nav a:focus-visible{outline:2px solid var(--qm-gold);outline-offset:3px}

/* Shared eight-room navigation */
.qn-nav{position:relative;z-index:20;padding:0!important;background:rgba(243,238,228,.96)!important;border-bottom:1px solid var(--qm-line)!important;backdrop-filter:blur(12px)}.qn-nav-inner{width:min(1160px,calc(100% - 44px));max-width:none!important;padding:9px 0!important;gap:7px!important}.qn-nav-row{justify-content:flex-start!important;gap:10px!important}.qn-nav-brand{color:var(--qm-ink)!important;font:500 1.5rem/1.4 var(--qm-serif)!important;letter-spacing:.04em}.qn-nav-tabs a,.qn-nav-group a{border-radius:0!important}.qn-nav-tabs a{padding:4px 9px!important;color:var(--qm-muted)!important;font-size:1.1rem!important;letter-spacing:.08em}.qn-nav-tabs a.current{background:var(--qm-noir)!important;color:#f4ecde!important}.qn-nav-group{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px 10px!important}.qn-nav-group a{padding:4px 8px!important;border-left:1px solid var(--qm-line);color:var(--qm-ink-2)!important;font-size:1.15rem!important}.qn-nav-group a:hover{background:#ece4d5!important;color:var(--qm-ink)!important}.qn-nav-group a.current{background:transparent!important;border-left:2px solid var(--qm-gold)!important;color:var(--qm-ink)!important;font-weight:600}.qn-nav-group a .nm{color:var(--qm-muted)!important}

/* Overview */
.qmo-hero{position:relative;overflow:hidden;padding:78px 0 66px;background:var(--qm-noir);color:#eee7da}.qmo-hero:before,.qmo-hero:after{content:"";position:absolute;border:1px solid rgba(201,162,39,.22);border-radius:50%}.qmo-hero:before{width:520px;height:520px;right:-175px;top:-315px}.qmo-hero:after{width:300px;height:300px;right:-70px;top:-170px}.qmo-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:70px;align-items:end}.qmo-hero h1{max-width:15ch;margin:0;font:500 clamp(4rem,6.3vw,7.4rem)/1.22 var(--qm-serif);letter-spacing:.02em}.qmo-hero h1 em{display:block;color:var(--qm-gold-2);font-style:normal}.qmo-hero-lede{max-width:40em;margin:22px 0 0;color:#c7beae;font:400 1.55rem/2 var(--qm-serif)}.qmo-orbit{position:relative;display:grid;place-items:center;min-height:300px}.qmo-orbit-center{display:grid;place-items:center;width:112px;height:112px;border:1px solid var(--qm-gold);border-radius:50%;color:var(--qm-gold-2);font:500 1.2rem/1.5 Cinzel,serif;letter-spacing:.1em;text-align:center}.qmo-orbit span:not(.qmo-orbit-center){position:absolute;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(201,162,39,.45);border-radius:50%;color:#d8cfbf;font:500 1.5rem Cinzel,serif}.qmo-orbit span:nth-child(2){transform:translate(0,-124px)}.qmo-orbit span:nth-child(3){transform:translate(88px,-88px)}.qmo-orbit span:nth-child(4){transform:translate(124px,0)}.qmo-orbit span:nth-child(5){transform:translate(88px,88px)}.qmo-orbit span:nth-child(6){transform:translate(0,124px)}.qmo-orbit span:nth-child(7){transform:translate(-88px,88px)}.qmo-orbit span:nth-child(8){transform:translate(-124px,0)}.qmo-orbit span:nth-child(9){transform:translate(-88px,-88px)}
.qmo-breadcrumb{padding:22px 0 0;color:var(--qm-muted);font-size:1.05rem;letter-spacing:.06em}.qmo-breadcrumb a{color:inherit;text-decoration:none}.qmo-main{padding:58px 0 90px}.qmo-opening{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:75px;align-items:start;margin-bottom:54px}.qmo-opening h2{margin:10px 0 0;font:500 clamp(2.8rem,4vw,4.6rem)/1.48 var(--qm-serif)}.qmo-opening-copy>p{margin:0 0 18px;color:var(--qm-ink-2);font:400 1.6rem/2 var(--qm-serif)}.qmo-definition{margin:28px 0 0;padding:22px 25px;border-left:2px solid var(--qm-gold);background:rgba(251,248,241,.72)}.qmo-definition strong{display:block;margin-bottom:7px;font:600 1.8rem/1.6 var(--qm-serif)}.qmo-definition p{margin:0;color:var(--qm-ink-2);font-size:1.35rem;line-height:1.9}
.qmo-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--qm-line);margin:0 0 58px;background:var(--qm-paper-2)}.qmo-principle{min-height:205px;padding:28px}.qmo-principle+.qmo-principle{border-left:1px solid var(--qm-line)}.qmo-principle b{display:block;color:var(--qm-gold);font:500 1rem Cinzel,serif;letter-spacing:.16em}.qmo-principle h3{margin:18px 0 10px;font:600 2rem/1.5 var(--qm-serif)}.qmo-principle p{margin:0;color:var(--qm-ink-2);font:400 1.35rem/1.9 var(--qm-serif)}
.qmo-relation-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:13px;align-items:center;margin:0 0 60px}.qmo-relation-map a{display:grid;place-items:center;min-height:95px;padding:18px;border:1px solid var(--qm-line);background:var(--qm-paper-2);color:var(--qm-ink);text-align:center;text-decoration:none}.qmo-relation-map a:hover{border-color:var(--qm-gold);background:#fff9ea}.qmo-relation-map strong{display:block;font:600 1.7rem var(--qm-serif)}.qmo-relation-map small{display:block;margin-top:7px;color:var(--qm-muted);font-size:1.05rem}.qmo-relation-map i{color:var(--qm-gold);font-style:normal;font-size:1.8rem}
.qmo-theory{margin:0 0 70px;border-block:1px solid var(--qm-line);background:rgba(251,248,241,.55)}.qmo-theory>summary{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:25px 28px;cursor:pointer;list-style:none}.qmo-theory>summary::-webkit-details-marker{display:none}.qmo-theory>summary span{display:block;color:var(--qm-gold);font:500 1rem Cinzel,serif;letter-spacing:.16em}.qmo-theory>summary strong{display:block;margin-top:7px;font:500 2rem/1.5 var(--qm-serif)}.qmo-theory>summary:after{content:"＋";font-size:2.4rem;color:var(--qm-gold)}.qmo-theory[open]>summary:after{content:"−"}.qmo-theory-body{padding:8px 30px 45px}.qmo-theory-body>h2{margin-top:55px;font:600 2.6rem/1.55 var(--qm-serif)}.qmo-theory-body>h3{margin-top:38px;font:600 2rem/1.6 var(--qm-serif)}.qmo-theory-body>p,.qmo-theory-body>blockquote{font:400 1.42rem/2 var(--qm-serif);color:var(--qm-ink-2)}.qmo-theory-body blockquote{margin:24px 0;padding:22px 25px;border-left:2px solid var(--qm-gold);background:#ece4d5}.qmo-theory-body table{display:block;max-width:100%;overflow-x:auto;background:var(--qm-paper-2)}
.qmo-rooms-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:end;margin-bottom:30px}.qmo-rooms-head h2{margin:9px 0 0;font:500 clamp(2.8rem,4vw,4.6rem)/1.45 var(--qm-serif)}.qmo-rooms-head p{margin:0;color:var(--qm-ink-2);font:400 1.45rem/1.95 var(--qm-serif)}.qmo-room-group{margin-top:35px}.qmo-room-group-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--qm-line)}.qmo-room-group-head h3{margin:0;font:600 2rem/1.5 var(--qm-serif)}.qmo-room-group-head p{max-width:45em;margin:0;color:var(--qm-muted);font-size:1.25rem;line-height:1.7}.qmo-room-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.qmo-room{--room:#b0882a;position:relative;display:flex;flex-direction:column;min-height:330px;overflow:hidden;border:1px solid var(--qm-line);background:var(--qm-paper-2);color:var(--qm-ink);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.qmo-room:hover{transform:translateY(-4px);border-color:var(--room);box-shadow:0 16px 38px rgba(47,38,25,.09)}.qmo-room-image{position:relative;height:154px;overflow:hidden;background:color-mix(in srgb,var(--room) 18%,var(--qm-paper-2))}.qmo-room-image:after{content:"";position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(transparent,rgba(21,18,14,.52))}.qmo-room-image img{width:100%;height:100%;object-fit:cover;display:block}.qmo-room-symbol{position:absolute;left:17px;bottom:11px;z-index:1;color:#fff;font:500 2.2rem Cinzel,serif}.qmo-room-body{display:flex;flex:1;flex-direction:column;padding:20px}.qmo-room h4{margin:0;font:600 1.9rem/1.45 var(--qm-serif)}.qmo-room-sub{display:block;margin-top:4px;color:var(--qm-muted);font-size:1.1rem}.qmo-room-traits{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}.qmo-room-traits span{padding:4px 8px;border:1px solid var(--qm-line);color:var(--qm-ink-2);font-size:1rem}.qmo-room-more{margin-top:auto;padding-top:18px;color:var(--room);font-size:1.1rem;letter-spacing:.05em}

/* Detail */
#quadra-page.qm-page{padding:28px 0 90px!important;background:var(--qm-paper)!important}.qmd-shell{width:min(1080px,calc(100% - 44px));margin-inline:auto}.qmd-crumbs{margin-bottom:15px;color:var(--qm-muted);font-size:1.05rem}.qmd-crumbs a{color:inherit;text-decoration:none}#quadra-page .q-wrap{max-width:none!important;margin:0!important;padding:0!important}#quadra-page .q-container{display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(330px,.97fr);overflow:visible!important;border:1px solid var(--qm-line)!important;border-radius:0!important;background:var(--qm-paper-2)!important;box-shadow:0 15px 45px rgba(47,38,25,.07)!important}
#quadra-page .q-header{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:470px;padding:58px!important;background:var(--qm-noir)!important;color:#eee7da!important;text-align:left!important}#quadra-page .q-header:after{content:"";position:absolute;right:28px;top:28px;width:120px;height:120px;border:1px solid rgba(201,162,39,.24);border-radius:50%}#quadra-page .q-emblem-plate{width:62px!important;height:62px!important;margin:0 0 25px!important;border:1px solid rgba(201,162,39,.55)!important;background:transparent!important;box-shadow:none!important}#quadra-page .q-header h1{position:relative;z-index:1;margin:0!important;color:#f4ecde!important;font:500 clamp(3.6rem,5vw,6rem)/1.3 var(--qm-serif)!important;text-align:left!important}#quadra-page .q-header .q-subtitle{margin-top:10px!important;color:var(--qm-gold-2)!important;font:500 2rem/1.5 var(--qm-serif)!important}#quadra-page .q-header .q-en{margin-top:8px!important;color:#aaa18f!important;font:400 1.1rem/1.5 Cinzel,serif!important;letter-spacing:.14em}#quadra-page .q-header-lede{position:relative;z-index:1;margin:25px 0 0;max-width:36em;color:#c7beae;font:400 1.4rem/1.95 var(--qm-serif)}#quadra-page .q-header-tags{position:relative;z-index:1;justify-content:flex-start!important;margin-top:24px!important}#quadra-page .q-header-tag{padding:5px 10px!important;border:1px solid rgba(201,162,39,.38);border-radius:0!important;background:transparent!important;color:#d8cfbf;font-size:1.05rem!important}
#quadra-page .q-image{min-height:470px;padding:0!important;background:#e5ddce!important}#quadra-page .q-image img{width:100%!important;height:100%!important;max-width:none!important;border-radius:0!important;box-shadow:none!important;object-fit:cover}#quadra-page .q-reading-guide{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;padding:46px 50px;border-bottom:1px solid var(--qm-line);background:#ece4d5}#quadra-page .q-reading-guide h2{margin:10px 0 0;font:500 2.7rem/1.55 var(--qm-serif)}#quadra-page .q-reading-points{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--qm-line);background:var(--qm-paper-2)}#quadra-page .q-reading-point{padding:20px}#quadra-page .q-reading-point+.q-reading-point{border-left:1px solid var(--qm-line)}#quadra-page .q-reading-point b{display:block;color:var(--qm-gold);font:500 1rem Cinzel,serif;letter-spacing:.12em}#quadra-page .q-reading-point strong{display:block;margin:10px 0 6px;font:600 1.45rem/1.55 var(--qm-serif)}#quadra-page .q-reading-point p{margin:0;color:var(--qm-ink-2);font-size:1.15rem;line-height:1.75}
#quadra-page .q-signs-area{grid-column:1/-1;padding:36px 50px!important;border-bottom:1px solid var(--qm-line);background:var(--qm-paper-2)!important;text-align:left!important}#quadra-page .q-signs-title{padding:0 0 17px!important;color:var(--qm-ink)!important;font:600 1.8rem/1.55 var(--qm-serif)!important}#quadra-page .q-signs-title small{display:block;margin-top:4px;color:var(--qm-muted);font:400 1.15rem/1.7 var(--qm-sans)}#quadra-page .q-signs-wrap{justify-content:flex-start!important;gap:8px!important}#quadra-page .q-sign-click .sign{min-width:130px;margin:0!important;padding:10px 14px!important;border-width:1px!important;border-radius:0!important;box-shadow:none!important;font-size:1.3rem!important}
#quadra-page .q-chapter-intro{grid-column:1/-1;display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;padding:50px 50px 28px;background:var(--qm-paper-2)}#quadra-page .q-chapter-intro h2{margin:9px 0 0;font:500 2.8rem/1.5 var(--qm-serif)}#quadra-page .q-chapter-intro p{margin:0;color:var(--qm-ink-2);font:400 1.4rem/1.95 var(--qm-serif)}#quadra-page .q-journey{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:0 50px 25px;border:1px solid var(--qm-line)}#quadra-page .q-journey span{padding:12px 16px;color:var(--qm-muted);font-size:1.1rem;text-align:center}#quadra-page .q-journey span+span{border-left:1px solid var(--qm-line)}#quadra-page .q-tab-scroll{grid-column:1/-1;position:sticky!important;top:0!important;border-block:1px solid var(--qm-line)!important;background:rgba(243,238,228,.96)!important;backdrop-filter:blur(12px)}#quadra-page .q-tab-menu li{min-width:132px;padding:14px 15px!important;border-right:1px solid var(--qm-line);border-bottom:2px solid transparent!important;color:var(--qm-muted)!important;font:500 1.1rem/1.45 var(--qm-sans)!important;letter-spacing:.02em}#quadra-page .q-tab-menu li:hover{background:#ece4d5!important;color:var(--qm-ink)!important}#quadra-page .q-tab-menu li[aria-selected=true]{background:var(--qm-noir)!important;border-bottom-color:var(--qm-gold)!important;color:#f4ecde!important}
#quadra-page .q-panels{grid-column:1/-1;padding:52px 50px 62px!important;background:var(--qm-paper-2)!important}#quadra-page .q-tab-content{max-width:850px;margin:auto}#quadra-page .q-chapter-mark{display:block;margin-bottom:9px;color:var(--qm-gold);font:500 1rem Cinzel,serif;letter-spacing:.16em}#quadra-page .q-tab-content>h2{margin:0 0 28px;font:600 clamp(2.6rem,4vw,4rem)/1.45 var(--qm-serif)}#quadra-page .q-section-image{margin-bottom:30px!important}#quadra-page .q-section-image img{width:100%;max-height:500px;border-radius:0!important;box-shadow:none!important;object-fit:cover}#quadra-page .q-section-content{color:var(--qm-ink-2)!important;font:400 1.5rem/2.05 var(--qm-serif)!important}#quadra-page .q-section-content h2,#quadra-page .q-section-content h3{color:var(--qm-ink);font-family:var(--qm-serif)}#quadra-page .q-section-content table{display:block;overflow-x:auto;border-collapse:collapse;background:#fffdf8}#quadra-page .q-section-content th,#quadra-page .q-section-content td{border:1px solid var(--qm-line)!important;padding:12px!important}#quadra-page .q-section-content th{background:#ece4d5!important}#quadra-page .q-nav-buttons{justify-content:space-between!important;margin-top:45px!important;padding-top:22px!important;border-top:1px solid var(--qm-line)!important}#quadra-page .q-nav-btn{max-width:47%;padding:11px 15px!important;border:1px solid var(--qm-line)!important;border-radius:0!important;background:transparent!important;color:var(--qm-ink)!important;box-shadow:none!important;font:500 1.15rem/1.6 var(--qm-sans)!important}#quadra-page .q-nav-btn:hover{border-color:var(--qm-gold)!important;color:var(--qm-gold)!important}
#quadra-page .q-func-section,#quadra-page .q-type-section{grid-column:1/-1;padding:48px 50px!important;border-top:1px solid var(--qm-line);background:#e9e1d2!important;color:var(--qm-ink)!important}#quadra-page .q-func-block{padding:0!important;background:transparent!important;border-radius:0!important}#quadra-page .q-func-block+.q-func-block{margin-top:42px;padding-top:35px!important;border-top:1px solid var(--qm-line)}#quadra-page .q-func-title{margin:0 0 22px!important;color:var(--qm-ink)!important;font:600 2rem/1.55 var(--qm-serif)!important;text-align:left!important}#quadra-page .q-func-title-note{display:block;margin-top:5px;color:var(--qm-muted);font:400 1.15rem/1.7 var(--qm-sans)}#quadra-page .q-func-list{justify-content:flex-start!important;gap:8px!important}#quadra-page .q-func-card{width:calc(12.5% - 7px);min-width:84px;padding:10px 6px!important;border:1px solid rgba(28,26,22,.14);border-radius:0!important;box-shadow:none!important}#quadra-page .q-func-card img{width:54px!important;height:54px!important}#quadra-page .q-fc-code{font-size:1.15rem!important}#quadra-page .q-fc-name{font-size:1rem!important}#quadra-page .q-type-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}#quadra-page .q-type-card{display:grid!important;grid-template-columns:72px minmax(0,1fr);gap:13px;align-items:center;padding:10px!important;border:1px solid var(--qm-line);border-radius:0!important;background:var(--qm-paper-2)!important;color:var(--qm-ink)!important;box-shadow:none!important;text-align:left}#quadra-page .q-type-card:hover{transform:translateY(-2px)!important;border-color:var(--qm-gold);box-shadow:0 10px 24px rgba(47,38,25,.08)!important}#quadra-page .q-type-card img{width:72px!important;height:88px!important;margin:0!important;border-radius:0!important;object-fit:cover}#quadra-page .q-type-code{font:600 1.25rem var(--qm-sans)!important}#quadra-page .q-type-name{font:500 1.15rem/1.45 var(--qm-serif)!important}
.trait-modal-container{border:1px solid var(--qm-line)!important;border-radius:0!important;background:var(--qm-paper-2)!important}.trait-modal-header{background:var(--qm-noir)!important}.trait-modal-close{border-radius:0!important}.trait-modal-body{font-family:var(--qm-serif)}
.qmd-caution{grid-column:1/-1;display:grid;grid-template-columns:55px 1fr;gap:18px;align-items:center;padding:25px 50px;border-top:1px solid var(--qm-line);background:var(--qm-paper-2)}.qmd-caution i{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--qm-gold);border-radius:50%;color:var(--qm-gold);font:500 1.4rem Cinzel,serif}.qmd-caution strong{font:600 1.4rem/1.6 var(--qm-serif)}.qmd-caution p{margin:4px 0 0;color:var(--qm-muted);font-size:1.15rem;line-height:1.75}

@media(max-width:900px){.qmo-hero-grid{grid-template-columns:1fr;gap:35px}.qmo-orbit{min-height:270px;transform:scale(.88)}.qmo-opening,.qmo-rooms-head,#quadra-page .q-reading-guide,#quadra-page .q-chapter-intro{grid-template-columns:1fr;gap:22px}.qmo-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#quadra-page .q-container{grid-template-columns:1fr!important}#quadra-page .q-header,#quadra-page .q-image{min-height:400px}#quadra-page .q-reading-points{grid-template-columns:1fr}#quadra-page .q-reading-point+.q-reading-point{border-left:0;border-top:1px solid var(--qm-line)}#quadra-page .q-func-card{width:calc(25% - 7px)}#quadra-page .q-type-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.qm-shell,.qmd-shell,.qn-nav-inner{width:min(100% - 26px,1160px)!important}.qmo-hero{padding:52px 0 45px}.qmo-hero h1{font-size:4.1rem}.qmo-orbit{min-height:235px;transform:scale(.72)}.qmo-main{padding:43px 0 65px}.qmo-opening{margin-bottom:38px}.qmo-principles{grid-template-columns:1fr}.qmo-principle{min-height:auto}.qmo-principle+.qmo-principle{border-left:0;border-top:1px solid var(--qm-line)}.qmo-relation-map{grid-template-columns:1fr;margin-bottom:45px}.qmo-relation-map i{transform:rotate(90deg)}.qmo-theory>summary{padding:21px 18px}.qmo-theory-body{padding:3px 18px 32px}.qmo-room-group-head{display:block}.qmo-room-group-head p{margin-top:6px}.qmo-room-grid{grid-template-columns:1fr 1fr;gap:8px}.qmo-room{min-height:285px}.qmo-room-image{height:120px}.qmo-room-body{padding:15px}.qmo-room h4{font-size:1.55rem}.qn-nav-group{grid-template-columns:repeat(2,minmax(0,1fr))!important}.qn-nav-group a .nm{display:none}#quadra-page.qm-page{padding-top:13px!important}#quadra-page .q-header{min-height:350px;padding:36px 25px!important}#quadra-page .q-image{min-height:285px}#quadra-page .q-reading-guide,#quadra-page .q-signs-area,#quadra-page .q-chapter-intro,#quadra-page .q-panels,#quadra-page .q-func-section,#quadra-page .q-type-section{padding:32px 23px!important}#quadra-page .q-journey{grid-template-columns:1fr;margin:0 23px 20px}#quadra-page .q-journey span+span{border-left:0;border-top:1px solid var(--qm-line)}#quadra-page .q-tab-menu li{min-width:118px;padding:12px!important}#quadra-page .q-section-content{font-size:1.4rem!important}#quadra-page .q-nav-buttons{display:grid!important;grid-template-columns:1fr}#quadra-page .q-nav-btn{max-width:none!important;width:100%}#quadra-page .q-func-card{width:calc(50% - 5px)}#quadra-page .q-type-list{grid-template-columns:1fr!important}.qmd-caution{grid-template-columns:1fr;padding:25px 23px}.qmd-caution i{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.qmo-room,#quadra-page .q-func-card,#quadra-page .q-type-card{transition:none!important}}

/* Keep overview headings on intentional semantic lines. */
.qmo-hero .qm-kicker{white-space:nowrap}
.qmo-hero h1{max-width:none;word-break:keep-all;overflow-wrap:normal}
.qmo-hero h1>span,.qmo-hero h1>em{display:block;white-space:nowrap}
.qmo-opening h2{word-break:keep-all;overflow-wrap:normal}
.qmo-opening h2>span{display:block;white-space:nowrap}
@media(max-width:620px){
  .qmo-hero .qm-kicker{font-size:.95rem;letter-spacing:.14em}
  .qmo-opening h2{font-size:clamp(2.6rem,8.2vw,3.4rem);line-height:1.5}
}

/* Reading-rhythm corrections: one-line room rail, intentional hero breaks. */
.qn-nav-inner{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;overflow-x:auto;scrollbar-width:thin;box-sizing:border-box}.qn-nav-row,.qn-nav-group{display:flex!important;flex:0 0 auto!important;align-items:center}.qn-nav-group{gap:4px!important}.qn-nav-brand,.qn-nav-tabs a{white-space:nowrap}.qmo-hero{padding:70px 0 62px}.qmo-hero-grid{gap:62px;align-items:center}.qmo-hero h1{max-width:18ch}.qmo-hero h1>span,.qmo-hero h1>em{display:block}
@media(max-width:620px){
  .qn-nav-inner{width:100%!important;padding:8px 13px!important}.qn-nav-group{display:flex!important}.qn-nav-group a{white-space:nowrap}.qn-nav-group a .nm{display:none}
  .qmo-hero{padding:42px 0 38px}.qmo-hero-grid{gap:27px}.qmo-hero h1{font-size:clamp(3rem,9vw,3.7rem);line-height:1.34;max-width:none}.qmo-hero-lede{margin-top:17px;font-size:1.4rem;line-height:1.9}html[lang="ja"] .qmo-hero h1>span,html[lang="ja"] .qmo-hero h1>em{white-space:nowrap}
  .qmo-orbit{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;min-height:0;transform:none}.qmo-orbit-center{grid-column:1/-1;width:auto;height:auto;min-height:48px;border-radius:0}.qmo-orbit span:not(.qmo-orbit-center){position:static;width:auto;height:42px;transform:none!important;border-radius:0}
  .qmo-breadcrumb{padding-top:15px}.qmo-main{padding-top:34px}.qmo-opening{gap:16px;margin-bottom:31px}.qmo-opening-copy>p{font-size:1.45rem;line-height:1.95}.qmo-definition{margin-top:20px;padding:18px}
  .qmo-room-grid{grid-template-columns:1fr;gap:9px}.qmo-room{display:grid;grid-template-columns:118px minmax(0,1fr);min-height:154px}.qmo-room-image{height:100%;min-height:154px}.qmo-room-body{padding:16px}.qmo-room h4{font-size:1.7rem}.qmo-room-traits{margin-top:11px}.qmo-room-more{padding-top:11px}
}

/* Quadra overview is a self-contained Le Musee surface.
   Keep the legacy group-page reset inside the collapsed theory only. */
#quadra-list-page,
#quadra-list-page *{box-sizing:border-box}
#quadra-list-page ::selection,
#quadra-page ::selection{background:#d8bd6a;color:#1c1a16;text-shadow:none}
#quadra-list-page :where(h1,h2,h3,h4,p){border:0;padding:0}
#quadra-list-page :where(p){margin:0}
#quadra-page.qm-page :where(h1,h2,h3,h4){border-left:0!important;padding-left:0!important;padding-right:0!important}
#quadra-page .qmd-caution{padding:25px 50px!important}

/* Keep the room name and symbol together in the detail hero. */
#quadra-page .q-header h1{white-space:nowrap!important;font-size:clamp(3rem,4.35vw,5.3rem)!important}

/* Detail identity: the Greek symbol is the emblem. No empty circles or duplicate plates. */
#quadra-page .q-header:after,
#quadra-page .q-emblem-plate{display:none!important}
#quadra-page .q-symbol-mark{position:relative;z-index:1;margin:0 0 22px;color:var(--qm-gold-2);font:400 clamp(7rem,9vw,10rem)/.82 Cinzel,"Times New Roman",serif;letter-spacing:-.05em;text-shadow:0 10px 34px rgba(0,0,0,.22)}
#quadra-page .q-header>.qm-kicker{position:relative;z-index:1;margin-bottom:12px}

/* Global link hover rules must never wash the card copy out. */
#quadra-list-page .qmo-room,
#quadra-list-page .qmo-room:hover,
#quadra-list-page .qmo-room:focus-visible,
#quadra-list-page .qmo-room :where(h4,span,small),
#quadra-list-page .qmo-room:hover :where(h4,span,small),
#quadra-list-page .qmo-room:focus-visible :where(h4,span,small){color:var(--qm-ink)!important}
#quadra-list-page .qmo-room .qmo-room-sub,
#quadra-list-page .qmo-room:hover .qmo-room-sub{color:var(--qm-muted)!important}
#quadra-list-page .qmo-room .qmo-room-more,
#quadra-list-page .qmo-room:hover .qmo-room-more{color:var(--room)!important}
#quadra-list-page .qmo-room .qmo-room-symbol,
#quadra-list-page .qmo-room:hover .qmo-room-symbol{color:#fff!important}
#quadra-page .q-type-card:hover :where(.q-type-code,.q-type-name){color:var(--qm-ink)!important}

.qmo-value-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;margin:0 0 88px;border-block:1px solid var(--qm-line)}
.qmo-value-flow article{display:grid;grid-template-columns:38px 1fr;gap:18px;align-items:start;padding:30px 24px}
.qmo-value-flow article>b{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--qm-gold);border-radius:50%;color:var(--qm-gold);font:500 1rem/1 var(--qm-sans)}
.qmo-value-flow article span{display:block}
.qmo-value-flow article em{display:block;margin-bottom:9px;color:var(--qm-gold);font:500 .95rem/1.3 Cinzel,serif;letter-spacing:.16em;font-style:normal}
.qmo-value-flow article strong{display:block;font:600 1.85rem/1.55 var(--qm-serif)}
.qmo-value-flow article small{display:block;margin-top:7px;color:var(--qm-ink-2);font:400 1.22rem/1.8 var(--qm-serif)}
.qmo-value-flow>i{align-self:center;color:var(--qm-gold);font:400 1.8rem/1 var(--qm-serif);font-style:normal}

.qmo-relations{display:grid;grid-template-columns:minmax(250px,.76fr) minmax(0,1.24fr);gap:64px;align-items:start;margin:0 0 84px;padding:0}
.qmo-relations>header{padding:4px 0 0}
.qmo-relations>header h2{margin:10px 0 15px;font:500 clamp(2.6rem,3.5vw,4rem)/1.5 var(--qm-serif)}
.qmo-relations>header p{max-width:34em;color:var(--qm-ink-2);font:400 1.35rem/1.95 var(--qm-serif)}
.qmo-relations .qmo-relation-map{margin:0}

/* A selected tab must remain legible even when legacy tab rules are present. */
#quadra-page .q-tab-menu li[aria-selected="true"],
#quadra-page .q-tab-menu li[aria-selected="true"] *{background-color:var(--qm-noir)!important;color:#f4ecde!important}

@media(max-width:900px){
  .qmo-value-flow{grid-template-columns:1fr;margin-bottom:62px}
  .qmo-value-flow>i{justify-self:center;transform:rotate(90deg)}
  .qmo-value-flow article{padding:24px 20px}
  .qmo-relations{grid-template-columns:1fr;gap:28px;margin-bottom:64px}
}

@media(max-width:620px){
  .qmo-value-flow{margin-bottom:52px}
  .qmo-value-flow article{grid-template-columns:34px 1fr;gap:14px;padding:21px 5px}
  .qmo-value-flow article strong{font-size:1.65rem}
  .qmo-value-flow article small{font-size:1.2rem}
  .qmo-relations{gap:22px;margin-bottom:55px}
  .qmo-relations>header h2{font-size:2.55rem}
  .qmo-relations .qmo-relation-map{gap:8px}
  #quadra-page .qmd-caution{padding:25px 23px!important}
  #quadra-page .q-header h1{font-size:clamp(2.2rem,7vw,3.4rem)!important;letter-spacing:-.025em!important}
  #quadra-page .q-symbol-mark{margin-bottom:18px;font-size:clamp(6.2rem,21vw,8rem)}
}
