:root{--header-space:80px;scroll-padding-top:calc(var(--header-space) + 16px)}
*,*::before,*::after{box-sizing:border-box}
body{padding-bottom:90px}
main{min-width:0}
h1,h2,h3,p,a{overflow-wrap:break-word}
img,svg{max-width:100%}
[id]{scroll-margin-top:calc(var(--header-space) + 16px)}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;color:#b8b4ac;font-size:13px;line-height:1.6}
.breadcrumbs a{color:#ecc28d;text-decoration:none}
.breadcrumbs [aria-current]{color:#b8b4ac}
.return-nav{margin:0 0 18px!important;gap:12px!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.return-link{transition:background .2s,color .2s!important}
.quick-current-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}
.quick-current-grid>div{padding:12px;border-radius:10px;background:#2b241d;display:flex;flex-direction:column;gap:4px}
.quick-current-grid b{font-size:14px;color:#d0c2b3}.quick-current-grid strong{font-size:23px;color:#ffbc75}
.practice-table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0;border-radius:10px}
.practice-table-scroll table{min-width:480px;width:100%;border-collapse:collapse}
.practice-table-scroll th,.practice-table-scroll td{padding:12px;text-align:left;vertical-align:top;font-size:15px;line-height:1.5}
.practice-table-scroll th{color:#f3d2a8;background:#29231d}.practice-table-scroll td{background:#1d1c1a}
.update-section{margin:32px 0}.update-section h2{margin:0 0 14px}.update-section p,.update-section li{line-height:1.75}
.update-section ol{padding-left:24px}.update-section li{margin-bottom:12px}
.beginner-entry{display:block;margin:20px 0 30px;max-width:850px}
.defect-card-thumb{width:100%!important;height:150px!important;object-fit:cover;border-radius:10px;margin:0 0 14px}
body:has(.defect-card-thumb) .branches>.branch .icon-heading{display:block}
.guide-visual img[src$=".svg"]{width:100%;height:auto}
.search-toggle{display:none;border:1px solid #735034;border-radius:12px;color:#ffd19b;background:#28221c;min-height:44px;min-width:44px;font-size:19px;cursor:pointer}
.search-dialog{padding:0;border:1px solid #765033;border-radius:18px;width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 40px);background:#191a1b;color:#eee9e1;box-shadow:0 22px 90px #0008}
.search-dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}
.search-dialog-top{position:sticky;top:0;background:#191a1b;padding:18px;border-bottom:1px solid #3d352e;z-index:1}
.search-dialog-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.search-dialog-title button{background:#302923;border:0;color:#f2d2a4;border-radius:9px;width:44px;height:44px;font-size:24px;cursor:pointer}
.search-dialog form{display:flex;gap:8px}.search-dialog input{flex:1;min-width:0;font-size:16px;color:#fff;background:#252627;border:1px solid #796047;border-radius:10px;padding:12px}
.search-dialog form button{padding:10px 16px;background:#c87731;border:0;border-radius:10px;color:#100e0c;font-weight:700;cursor:pointer}
.search-status{font-size:14px;color:#c3b9ac;margin:14px 18px}
.search-result-list{display:grid;gap:10px;padding:0 18px 18px}
.search-result{display:block;padding:16px;border:1px solid #45403a;border-radius:12px;background:#222221;text-decoration:none;color:#ede6dd}
.search-result:hover,.search-result:focus-visible{border-color:#ffa14a;background:#2e2721}
.search-result strong{display:block;font-size:18px;margin:5px 0}.search-result small{display:block;color:#f0b778;font-size:12px}.search-result p{font-size:14px;line-height:1.55;color:#c8c3ba;margin:7px 0 0}
.search-examples{display:flex;flex-wrap:wrap;gap:8px;margin:14px 18px}.search-examples button{border:1px solid #5c4937;background:#27211c;color:#efca9d;border-radius:10px;padding:10px;cursor:pointer}
.glossary-new-note{font-size:14px;color:#d5c8b7}.term-card .term-example{margin-top:8px;font-size:14px;color:#baafa2}
@media(min-width:1000px){body:has(.glossary-letter) main{padding-left:110px;position:relative}body:has(.glossary-letter) .alphabet{position:fixed!important;left:max(14px,calc((100vw - 1240px)/2));top:calc(var(--header-space) + 18px);width:70px;max-height:calc(100vh - var(--header-space) - 115px);overflow-y:auto;display:flex;flex-wrap:wrap;gap:5px;align-content:start;z-index:10;background:#1b1c1d;padding:6px;border-radius:12px}body:has(.glossary-letter) .alphabet a{min-width:25px;padding:6px;font-size:13px}}
@media(max-width:720px){
body{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}
body header{padding:10px 14px!important;gap:10px!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;min-height:64px;top:0;z-index:90}
header .brand{min-width:0!important;max-width:calc(100% - 54px)!important;flex:1!important;margin:0!important}
header .brand-logo{width:220px!important;max-width:100%!important;height:40px!important;object-fit:contain;object-position:left center}
header .search-toggle{display:inline-flex;align-items:center;justify-content:center}
body.search-ready header .site-search{display:none!important}
body.search-ready.search-expanded header .site-search{display:flex!important;flex:1 1 100%!important;width:100%!important;max-width:none!important;margin:0!important}
header .site-search input{font-size:16px!important;width:100%!important;min-width:0!important;flex:1;height:44px!important}
header .site-search button{height:44px!important;min-width:44px}
main,.theory-page,.term-detail{max-width:100%!important;min-width:0!important}
body main{padding-left:16px!important;padding-right:16px!important}
main>article.theory-detail,main>article.term-detail,main>article.plain-article{padding:0!important;border:0!important;box-shadow:none!important;background:none!important;margin-left:0!important;margin-right:0!important}
.guide-article .answer-first,.term-detail .answer-first{padding:16px!important;margin-left:0!important;margin-right:0!important}
[data-inline-article]{font-size:16px!important;line-height:1.75!important}
.article-jumps{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:20px 0!important}
.article-jumps a{width:100%;min-height:46px;justify-content:flex-start;font-size:15px!important;padding:12px!important}
.quick-current-grid{grid-template-columns:repeat(2,1fr);gap:8px}.quick-current-grid strong{font-size:22px}
.breadcrumbs{font-size:12px;line-height:1.6;margin-top:4px}
.practice-table-scroll th,.practice-table-scroll td{padding:10px!important;font-size:14px!important}
body:has(.glossary-letter) .alphabet{position:sticky!important;top:var(--header-space)!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:9px 0;background:#1b1c1d;z-index:20;width:100%;max-width:100%}
.alphabet a{flex:0 0 auto;min-width:36px;min-height:36px;text-align:center}
.search-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:14px}.search-dialog-top{padding:14px}.search-result-list{padding:0 14px 14px}.search-result{padding:13px}
.guide-visual{margin-left:0!important;margin-right:0!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.mir-content-v18-59{display:none!important}
.mma-start-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mma-start-fields label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#d9c8b2}
.mma-start-fields select{width:100%;min-width:0;padding:12px;border:1px solid #705339;border-radius:10px;background:#282521;color:#eee;font-size:16px}
.mma-start-submit{margin-top:16px;min-height:46px;padding:10px 18px;background:#d58a48;color:#15120f;border:0;border-radius:10px;font-weight:bold;font-size:16px;cursor:pointer}
#mma-start-result{color:#ffd094;line-height:1.7}
@media(max-width:600px){.mma-start-fields{grid-template-columns:1fr}}

/* Keep the permanent site emblem separate from live, readable brand text. */
body header .brand.brand-premium{display:inline-flex!important;align-items:center!important;gap:10px!important;text-decoration:none;min-width:0!important}
body header .brand .brand-permanent-mark{display:block!important;flex:0 0 48px!important;width:48px!important;height:48px!important;max-width:48px!important;object-fit:contain!important;border:0!important;border-radius:0!important;filter:none!important;transform:none!important}
body header .brand .brand-permanent-title{font-size:26px;font-weight:800;line-height:1.15;color:#efeae2;letter-spacing:0;white-space:nowrap}
/* Natural aspect ratio prevents wide illustrations being cropped to 3:2. */
body .guide-visual{max-width:100%;min-width:0;margin-left:0!important;margin-right:0!important}
body .guide-visual img{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
.illustration-credit{display:block;margin-top:5px;color:#c9a27c;font-size:12px;line-height:1.5}
.connection-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}
.connection-key>div{padding:14px;border:1px solid #61452f;border-radius:12px;background:#232221;line-height:1.6}
.connection-key strong{display:block;color:#f2c28d;margin-bottom:4px}
@media(max-width:720px){body header .brand .brand-permanent-mark{width:38px!important;height:38px!important;max-width:38px!important;flex-basis:38px!important}body header .brand .brand-permanent-title{font-size:clamp(16px,4.6vw,22px)}body header .brand.brand-premium{gap:8px!important}.connection-key{grid-template-columns:1fr}}

.illustration-frame{position:relative;min-width:0}
.illustration-watermark{position:absolute;right:12px;bottom:12px;max-width:calc(100% - 24px);padding:5px 9px;border-radius:6px;background:rgba(18,19,20,.78);color:#efe9df;font-size:clamp(10px,1.4vw,13px);line-height:1.4;pointer-events:none}
.arc-state-key{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:720px){.arc-state-key{grid-template-columns:1fr}.illustration-watermark{right:8px;bottom:8px;padding:3px 6px}}

/* One framed action style: soft amber glow, no flashing animation. */
body .return-nav a.return-link,body .article-jumps a,body a.button,body a.forum-back,body a.back,body button:not(.forum-iconbutton):not(.search-toggle):not(.branch-button):not(.modal-item-button):not(.electrode-modal-close),body input[type="submit"]{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:10px 15px!important;border:1px solid rgba(227,161,102,.65)!important;border-radius:10px!important;background:#242222!important;color:#eee5dc!important;font:600 15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif!important;text-decoration:none!important;box-shadow:0 0 7px rgba(236,144,69,.13),inset 0 0 7px rgba(236,144,69,.04)!important;text-shadow:none!important;transition:border-color .18s,box-shadow .18s,background .18s!important;cursor:pointer}
body .return-nav a.return-link:hover,body .article-jumps a:hover,body a.button:hover,body a.forum-back:hover,body a.back:hover,body button:not(.forum-iconbutton):not(.search-toggle):not(.branch-button):not(.modal-item-button):not(.electrode-modal-close):hover,body input[type="submit"]:hover{border-color:#e7ab78!important;background:#302924!important;color:#fff3e6!important;box-shadow:0 0 12px rgba(236,144,69,.23),inset 0 0 8px rgba(236,144,69,.06)!important}
body .return-link:focus-visible,body .article-jumps a:focus-visible,body a.button:focus-visible,body button:focus-visible{outline:2px solid #ffbc86!important;outline-offset:3px}
body button:disabled,body input[type="submit"]:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){body .return-nav a.return-link,body .article-jumps a,body a.button,body button{transition:none!important}}

/* Fresh asset filename plus stronger, visible static neon outline. */
html body .return-nav a.return-link,html body .article-jumps a,html body a.button,html body a.forum-back,html body a.back,html body button:not(.forum-iconbutton):not(.search-toggle):not(.branch-button):not(.modal-item-button):not(.electrode-modal-close),html body input[type="submit"]{border:1px solid #eda76d!important;box-shadow:0 0 5px rgba(255,162,87,.42),0 0 14px rgba(255,143,58,.18),inset 0 0 7px rgba(255,162,87,.08)!important;background:#242222!important;font-weight:600!important}
html body .return-nav a.return-link:hover,html body .article-jumps a:hover,html body a.button:hover,html body a.back:hover,html body button:not(.forum-iconbutton):not(.search-toggle):not(.branch-button):not(.modal-item-button):not(.electrode-modal-close):hover{border-color:#ffce9e!important;box-shadow:0 0 7px rgba(255,175,108,.62),0 0 20px rgba(255,143,58,.28),inset 0 0 9px rgba(255,162,87,.12)!important;background:#302924!important}

/* Catalog cards and item rows have their own layout, separate from action buttons. */
html body button.branch.branch-button{display:block!important;text-align:left!important;min-width:0!important;padding:25px!important;font:inherit!important;border-radius:27px!important}
html body button.branch.branch-button .icon-heading{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;margin:0 0 16px!important}
html body button.branch.branch-button .icon-heading img{flex:0 0 48px!important;width:48px!important;height:48px!important;object-fit:contain!important}
html body button.branch.branch-button .icon-heading span{display:block!important;min-width:0!important;flex:1!important;word-break:normal!important;overflow-wrap:normal!important}
html body button.branch.branch-button p{display:block!important;margin:0!important;line-height:1.55}
html body .modal-item-button{display:flex!important;justify-content:space-between!important;align-items:center!important;text-align:left!important;width:100%!important;gap:16px!important;padding:17px 19px!important;border-radius:15px!important}
html body .modal-item-button .catalog-name{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;text-align:left}
html body .modal-item-button .catalog-open-arrow{flex:0 0 auto}
html body .focus42-visual.material-photo{padding:0;overflow:hidden;display:block;min-height:0;align-self:start;border-radius:18px;background:#191b1e}
.material-photo img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.material-photo figcaption{position:static;display:block;padding:10px 12px;color:#c9a27c;font-size:12px;line-height:1.5;background:#1c1d1e}
body:has(.defect-card-thumb) .branches>.branch .icon-heading{display:block!important}
html body .defect-card-thumb{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:3/2!important;object-fit:cover!important;margin:0 0 14px!important;flex:none!important;border-radius:12px!important}
.defect-card-credit{display:block;font-size:11px;color:#bd9c7d;margin-top:12px;line-height:1.5}
@media(max-width:600px){html body .modal-item-button{gap:10px!important;padding:14px!important}html body .modal-item-button .catalog-open-arrow{font-size:12px}.material-photo{margin:0}}

html body.section-defects .branches .branch .illustration-frame{display:block;width:100%;margin:0 0 14px;overflow:hidden;border-radius:12px}html body.section-defects .branches .branch .defect-card-thumb{margin:0!important}html body .defect-seo-visual img{display:block;width:100%;height:auto}html body.section-defects .branches .branch h2{margin-top:0}