.mbti-page{--mbti-shell-border: rgba(145, 144, 151, .14);--mbti-shell-card-border: rgba(148, 163, 184, .16);--mbti-shell-hero-bg: radial-gradient(circle at top right, rgba(233, 195, 73, .16), transparent 28%), radial-gradient(circle at bottom left, rgba(147, 197, 253, .12), transparent 32%), linear-gradient(180deg, rgba(248, 246, 241, .96), rgba(244, 246, 250, .98));--mbti-shell-card-bg: rgba(255, 255, 255, .86);--mbti-shell-card-strong-bg: rgba(255, 255, 255, .94);--mbti-shell-card-soft-bg: rgba(248, 249, 250, .92);--mbti-shell-muted-bg: rgba(17, 24, 39, .05);--mbti-shell-row-bg: rgba(248, 249, 250, .9);--mbti-shell-shadow: 0 24px 60px rgba(17, 24, 39, .1);--mbti-shell-hover-shadow: 0 18px 50px rgba(17, 24, 39, .12);--mbti-shell-status-bg: rgba(17, 24, 39, .08);--mbti-shell-status-border: rgba(17, 24, 39, .1);--mbti-shell-status-text: var(--text-primary);--mbti-shell-heading: var(--text-primary);--mbti-shell-body: var(--text-primary);--mbti-shell-subtle: var(--text-secondary);--mbti-shell-muted-text: rgba(17, 24, 39, .64);--mbti-shell-gold-text: color-mix(in srgb, var(--primary) 82%, #5b4600);--mbti-shell-violet-text: color-mix(in srgb, #a855f7 72%, #40205f);--mbti-shell-option-bg: rgba(255, 255, 255, .94);--mbti-shell-option-hover-bg: rgba(233, 195, 73, .12);--mbti-shell-select-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(246, 247, 249, .96));--mbti-shell-select-card-primary-bg: radial-gradient(circle at top right, rgba(233, 195, 73, .18), transparent 30%), linear-gradient(180deg, rgba(252, 248, 236, .98), rgba(246, 247, 249, .98));padding:2rem 1rem;max-width:800px;margin:0 auto}[data-theme=dark] .mbti-page{--mbti-shell-hero-bg: radial-gradient(circle at top right, rgba(233, 195, 73, .16), transparent 28%), radial-gradient(circle at bottom left, rgba(147, 197, 253, .12), transparent 32%), linear-gradient(180deg, rgba(11, 15, 35, .96), rgba(16, 22, 46, .96));--mbti-shell-card-bg: rgba(22, 27, 49, .78);--mbti-shell-card-strong-bg: rgba(17, 23, 45, .88);--mbti-shell-card-soft-bg: rgba(22, 27, 49, .74);--mbti-shell-muted-bg: rgba(47, 51, 75, .28);--mbti-shell-row-bg: rgba(33, 41, 72, .5);--mbti-shell-shadow: 0 28px 80px rgba(8, 12, 28, .42);--mbti-shell-hover-shadow: 0 18px 50px rgba(8, 12, 28, .32);--mbti-shell-status-bg: rgba(33, 41, 72, .88);--mbti-shell-status-border: rgba(148, 163, 184, .16);--mbti-shell-status-text: #f7f2d6;--mbti-shell-heading: #f7f2d6;--mbti-shell-body: #f7f2d6;--mbti-shell-subtle: rgba(221, 225, 255, .74);--mbti-shell-muted-text: rgba(221, 225, 255, .78);--mbti-shell-gold-text: #f6d96b;--mbti-shell-violet-text: #f0dbff;--mbti-shell-option-bg: rgba(22, 27, 49, .82);--mbti-shell-option-hover-bg: rgba(33, 41, 72, .84);--mbti-shell-select-card-bg: linear-gradient(180deg, rgba(17, 23, 45, .95), rgba(12, 17, 35, .95));--mbti-shell-select-card-primary-bg: radial-gradient(circle at top right, rgba(233, 195, 73, .18), transparent 30%), linear-gradient(180deg, rgba(24, 31, 59, .98), rgba(15, 20, 42, .98))}.mbti-page--landing,.mbti-page--select{width:min(100%,92rem);max-width:none;padding:2rem 1rem 4rem}.mbti-page--quiz-shell,.mbti-page--result-shell{max-width:none;padding:2rem 1rem 4rem}.assessment-shell--mbti{--assessment-accent: #e9c349;--assessment-accent-rgb: 233, 195, 73;--assessment-secondary-rgb: 168, 85, 247;max-width:1440px}.result-stage--mbti{--result-accent: #ddb7ff;--result-accent-rgb: 221, 183, 255;--result-secondary-rgb: 233, 195, 73;max-width:1440px}.mbti-quiz-shell__status{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.15rem;border-radius:18px;color:var(--mbti-shell-status-text);font-weight:700;background:var(--mbti-shell-status-bg);border:1px solid var(--mbti-shell-status-border)}.mbti-quiz-shell__hint{margin:0;color:var(--mbti-shell-subtle);line-height:1.6}.mbti-quiz-shell__single{display:grid;gap:1rem}.mbti-quiz-shell__option{width:100%;padding:1.15rem 1.2rem;border-radius:20px;border:1px solid var(--mbti-shell-status-border);background:var(--mbti-shell-option-bg);color:var(--mbti-shell-body);text-align:left;cursor:pointer;line-height:1.65;transition:transform .18s ease,border-color .18s ease,background .18s ease}.mbti-quiz-shell__option:hover{transform:translateY(-2px);border-color:#e9c34952;background:var(--mbti-shell-option-hover-bg)}.mbti-quiz-shell__scale{display:grid;gap:1rem;justify-items:center}.mbti-quiz-shell__scale-label{color:var(--mbti-shell-subtle);font-size:.86rem;letter-spacing:.04em}.mbti-quiz-shell__scale-buttons{display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap}.mbti-quiz-shell__scale-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--mbti-shell-status-border);background:var(--mbti-shell-option-bg);color:var(--mbti-shell-body);font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.mbti-quiz-shell__scale-button:hover{transform:scale(1.08);border-color:#e9c34957;background:#e9c3491f}.mbti-quiz-shell__scale-button--1,.mbti-quiz-shell__scale-button--5{width:4rem;height:4rem}.mbti-quiz-shell__scale-button--2,.mbti-quiz-shell__scale-button--4{width:3.4rem;height:3.4rem}.mbti-quiz-shell__scale-button--3{width:2.9rem;height:2.9rem}.mbti-result-shell__code-chip{display:inline-flex;align-items:center;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(221,183,255,.28);background:#ddb7ff1f;color:var(--mbti-shell-violet-text);font-weight:700}.mbti-result-shell__type-panel,.mbti-result-shell__panel{border:1px solid rgba(148,163,184,.14);background:var(--mbti-shell-card-strong-bg);color:var(--mbti-shell-body)}.mbti-result-shell__type-panel{width:100%;min-height:100%;display:grid;align-content:center;gap:.35rem;padding:1.35rem;border-radius:24px}.mbti-result-shell__type-panel span{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mbti-shell-subtle)}.mbti-result-shell__type-panel strong{font-size:clamp(3rem,5vw,5rem);line-height:.9;color:var(--mbti-shell-violet-text)}.mbti-result-shell__type-panel small{color:var(--mbti-shell-subtle);font-size:.95rem}.mbti-result-shell__panel{display:grid;gap:.9rem;padding:1.25rem;border-radius:24px}.mbti-result-shell__panel h3{margin:0;font-size:1.05rem;color:var(--mbti-shell-heading)}.mbti-result-shell__panel>p{margin:0;color:var(--mbti-shell-subtle);line-height:1.7}.mbti-result-shell__panel--action{align-items:start}.mbti-result-shell__panel .dimension-bars{margin:0}.mbti-result-shell__panel .cf-intro{text-align:left;margin-bottom:1rem}.mbti-shell,.mbti-select-shell{display:flex;flex-direction:column;gap:2rem}.mbti-hero,.mbti-select-hero{display:grid;gap:1.5rem;padding:1.5rem;border-radius:32px;background:var(--mbti-shell-hero-bg);border:1px solid var(--mbti-shell-card-border);box-shadow:var(--mbti-shell-shadow)}.mbti-chip{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:.35rem .85rem;border-radius:999px;background:#e9c3491f;border:1px solid rgba(233,195,73,.28);color:var(--mbti-shell-gold-text);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.mbti-chip--muted{background:var(--mbti-shell-muted-bg);border-color:#94a3b833;color:var(--mbti-shell-muted-text)}.mbti-hero__content,.mbti-select-hero__content{display:flex;flex-direction:column;gap:1rem}.mbti-home,.mbti-select{text-align:left}.mbti-home h1,.mbti-result h1{font-size:clamp(2.4rem,4vw,4.5rem);color:var(--mbti-shell-heading);margin-bottom:.5rem}.mbti-home p,.mbti-select h2{color:var(--mbti-shell-subtle);margin-bottom:0}.mbti-select h2{font-size:clamp(2rem,3vw,3.4rem);color:var(--mbti-shell-heading);line-height:1.1}.mbti-hero__description,.mbti-select-hero__description{max-width:58ch;color:var(--mbti-shell-subtle);line-height:1.8;font-size:1rem}.mbti-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.mbti-hero__metrics{display:grid;gap:.85rem}.mbti-hero__metric{padding:1rem 1.1rem;border-radius:20px;background:var(--mbti-shell-card-bg);border:1px solid var(--mbti-shell-card-border);box-shadow:inset 0 1px #ffffff08}.mbti-hero__metric strong{display:block;font-size:1.7rem;color:var(--mbti-shell-gold-text);margin-bottom:.25rem}.mbti-hero__metric span{color:var(--mbti-shell-subtle);font-size:.92rem}.mbti-focus-card{display:flex;flex-direction:column;gap:1rem;padding:1.35rem;border-radius:24px;background:var(--mbti-shell-card-strong-bg);border:1px solid var(--mbti-shell-card-border);box-shadow:inset 0 1px #ffffff08}.mbti-focus-card__body,.mbti-focus-card__note{color:var(--mbti-shell-subtle);line-height:1.7}.mbti-focus-card__matrix{display:grid;gap:.7rem}.mbti-focus-card__row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:18px;background:var(--mbti-shell-row-bg);border:1px solid rgba(148,163,184,.14)}.mbti-focus-card__row strong{color:var(--mbti-shell-gold-text);font-size:.95rem;letter-spacing:.05em}.mbti-focus-card__row span{color:var(--mbti-shell-subtle);font-size:.9rem;text-align:right}.mbti-select-grid{display:grid;gap:1rem}.mbti-select-card{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;padding:1.4rem;border-radius:24px;border:1px solid var(--mbti-shell-card-border);background:var(--mbti-shell-select-card-bg);color:var(--mbti-shell-body);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.mbti-select-card:hover{transform:translateY(-4px);border-color:#e9c34957;box-shadow:var(--mbti-shell-hover-shadow)}.mbti-select-card strong{font-size:1.35rem}.mbti-select-card p,.mbti-select-card__meta,.mbti-select-card__action{color:var(--mbti-shell-subtle)}.mbti-select-card__meta{font-size:.88rem;letter-spacing:.04em;text-transform:uppercase}.mbti-select-card__action{margin-top:auto;font-weight:600;color:var(--mbti-shell-gold-text)}.mbti-select-card--primary{background:var(--mbti-shell-select-card-primary-bg);border-color:#e9c34947}.mbti-home,.mbti-select,.mbti-quiz,.mbti-result{text-align:center;animation:fadeIn .5s ease-out}.mbti-select h2{margin-bottom:1.5rem}.select-options{display:flex;flex-direction:column;gap:.75rem}.mbti-quiz .progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.mbti-quiz .question-container{margin-top:2rem}.mbti-quiz h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.5}.mbti-options{display:flex;flex-direction:column;gap:1rem}.mbti-option{padding:1.25rem 1.5rem;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-lg);font-size:1rem;text-align:left;cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast)}.mbti-option:hover{border-color:var(--accent-primary);background:var(--accent-primary-light);color:var(--text-primary);transform:translateY(-2px)}.scale-options{display:flex;flex-direction:column;align-items:center;gap:.75rem}.scale-label{font-size:.85rem;color:var(--text-secondary)}.scale-buttons{display:flex;gap:.5rem}.scale-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--border);background:var(--bg-tertiary);font-size:1.1rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.scale-btn:hover{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff;transform:scale(1.1)}.mbti-intro{background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem}.mbti-intro p{margin-bottom:.75rem;color:var(--text-secondary)}.dimension-intro{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.dimension-intro span{background:var(--bg-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.85rem}.mbti-loading{text-align:center;padding:3rem}.mbti-type-display{margin:2rem 0}.mbti-type{font-size:4rem;font-weight:800;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.mbti-title{font-size:1.25rem;color:var(--text-secondary)}.dimension-bars{margin:2rem 0;display:flex;flex-direction:column;gap:1.5rem}.dimension-row{display:flex;align-items:center;gap:.75rem}.dim-label-box{display:flex;flex-direction:column;align-items:center;min-width:60px;padding:.5rem;border-radius:var(--radius-md);background:var(--bg-tertiary);transition:all .3s ease}.dim-label-box.active{background:linear-gradient(135deg,var(--primary),var(--accent-primary));color:#fff}.dim-label-box .dim-letter{font-size:1.25rem;font-weight:800}.dim-label-box .dim-name{font-size:.65rem;color:var(--text-secondary);white-space:nowrap}.dim-label-box.active .dim-name{color:#ffffffd9}.dim-label-box .dim-percent{font-size:.8rem;font-weight:600;color:var(--text-primary)}.dim-label-box.active .dim-percent{color:#fff}.dim-bar-wrapper{flex:1;display:flex;align-items:center;gap:2px}.dim-bar-track{flex:1;height:24px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.dim-bar-divider{width:3px;height:32px;background:var(--text-muted);border-radius:2px}.dim-bar-fill.left{position:absolute;right:0;top:0;height:100%;background:var(--bg-hover);border-radius:var(--radius-sm);transition:width .6s ease-out}.dim-bar-fill.left.dominant{background:linear-gradient(90deg,var(--accent-primary),var(--primary))}.dim-bar-fill.right{position:absolute;left:0;top:0;height:100%;background:var(--bg-hover);border-radius:var(--radius-sm);transition:width .6s ease-out}.dim-bar-fill.right.dominant{background:linear-gradient(90deg,var(--primary),var(--accent-primary))}.cognitive-functions-section{background:var(--bg-tertiary);padding:1.5rem;border-radius:var(--radius-lg);margin:2rem 0;text-align:left}.cognitive-functions-section h3{text-align:center;margin-bottom:.5rem;color:var(--text-primary)}.cf-intro{text-align:center;font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}.cf-stack{display:flex;flex-direction:column;gap:.75rem}.cf-item{display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto;gap:.25rem .75rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--cf-color, var(--primary))}.cf-position{grid-row:1 / 3;display:flex;align-items:center;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.cf-main{display:flex;align-items:center;gap:.5rem}.cf-code{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .5rem;border-radius:6px;font-size:.85rem;font-weight:700;color:#fff;min-width:32px}.cf-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.cf-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}@media(max-width:480px){.cf-item{grid-template-columns:1fr;grid-template-rows:auto auto auto}.cf-position{grid-row:1;margin-bottom:.25rem}}.mbti-description{background:var(--bg-tertiary);padding:1.5rem;border-radius:var(--radius-md);margin:2rem 0;text-align:left}.mbti-description h3{text-align:center;margin-bottom:1rem}.mbti-description p{color:var(--text-secondary);line-height:1.7}.mbti-trait-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light)}.mbti-trait-section h4{font-size:.95rem;color:var(--text-primary);margin-bottom:.75rem}.trait-tags{display:flex;flex-wrap:wrap;gap:.5rem}.trait-tag{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.trait-tag.positive{background:#22c55e26;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.trait-tag.negative{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.trait-tag.career{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.famous-list{display:flex;flex-wrap:wrap;gap:.75rem}.famous-name{padding:.35rem .75rem;background:linear-gradient(135deg,var(--accent-primary-light),var(--bg-secondary));border:1px solid var(--border);border-radius:20px;font-size:.8rem;color:var(--text-primary)}.mbti-growth-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light)}.mbti-growth-section h4{font-size:.95rem;color:var(--text-primary);margin-bottom:.75rem}.growth-focus{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);margin-bottom:1rem}.focus-label{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.focus-text{font-weight:600;color:#16a34a;font-size:.95rem}.growth-tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.growth-tips li{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.growth-tips li:before{content:"→";color:var(--accent-primary);font-weight:700;flex-shrink:0}.mbti-actions{display:flex;justify-content:center;gap:1rem}@media(max-width:600px){.mbti-type{font-size:3rem}}@media(min-width:900px){.mbti-hero,.mbti-select-hero{grid-template-columns:minmax(0,1.8fr) minmax(260px,.7fr);padding:2rem}.assessment-shell--mbti .assessment-shell__hero{grid-template-columns:minmax(0,1.8fr) auto}.result-stage--mbti .result-stage__hero,.result-stage--mbti .result-stage__body.has-aside{grid-template-columns:minmax(0,1.8fr) minmax(260px,.7fr)}.mbti-hero__metrics,.mbti-select-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mbti-quiz-shell__single{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.mbti-page--landing,.mbti-page--select,.mbti-page--quiz-shell,.mbti-page--result-shell{padding:1.25rem .75rem 3rem}.mbti-hero,.mbti-select-hero{padding:1.25rem;border-radius:24px}.mbti-home h1,.mbti-result h1{font-size:2.25rem}.mbti-select h2{font-size:1.85rem}.mbti-hero__actions{flex-direction:column;align-items:stretch}.mbti-focus-card__row{flex-direction:column;align-items:flex-start}.mbti-focus-card__row span{text-align:left}.mbti-quiz-shell__scale-buttons{gap:.65rem}}.mbti-intro-section{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.intro-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-light);transition:all var(--transition-normal)}.intro-card:hover{box-shadow:0 4px 20px #00000014;border-color:var(--accent-primary-light)}.intro-card h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.intro-card h2:before{content:"";width:4px;height:1.25rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:2px}.intro-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.dimensions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dimension-item{display:flex;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.dimension-item:hover{transform:translateY(-2px);box-shadow:0 2px 12px #0000000f}.dimension-icon{font-size:1.5rem;flex-shrink:0}.dimension-content{flex:1}.dimension-code{font-size:1.1rem;font-weight:700;color:var(--accent-primary);margin-bottom:.25rem}.dimension-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.dimension-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.types16-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.type-group{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:1rem;border-left:4px solid var(--group-color, var(--accent-primary))}.group-name{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--group-color, var(--accent-primary))}.group-types{display:flex;flex-direction:column;gap:.5rem}.types16-card .type-item{display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;gap:.1rem .5rem;padding:.5rem;background:var(--bg-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.types16-card .type-item:hover{background:var(--bg-hover)}.types16-card .type-code{grid-row:1 / 3;font-weight:800;font-size:.85rem;color:var(--group-color, var(--accent-primary));display:flex;align-items:center}.types16-card .type-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.types16-card .type-desc{font-size:.75rem;color:var(--text-muted)}.distribution-table{display:grid;gap:.5rem}.distribution-row{display:grid;grid-template-columns:60px 1fr 60px;gap:.75rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:center;transition:all var(--transition-fast)}.distribution-row:hover{background:var(--bg-hover)}.dist-type{font-weight:700;font-size:.9rem;color:var(--accent-primary)}.dist-label{font-size:.9rem;color:var(--text-primary)}.dist-percent{text-align:right;font-weight:600;font-size:.85rem;color:var(--text-secondary)}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:1rem;border-left:3px solid var(--accent-primary);transition:all var(--transition-fast)}.faq-item:hover{box-shadow:0 2px 12px #0000000f}.faq-q{font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:.5rem}.faq-a{font-size:.9rem;color:var(--text-secondary);line-height:1.6}@media(max-width:600px){.dimensions-grid,.types16-groups{grid-template-columns:1fr}.distribution-row{grid-template-columns:55px 1fr 50px;padding:.6rem .75rem}.intro-card{padding:1rem}.intro-card h2{font-size:1.1rem}}.dynamic-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.dynamic-subtitle{font-size:.95rem;color:var(--accent-primary);font-weight:600;margin-bottom:.5rem!important}.dynamic-intro{font-size:.9rem;color:var(--text-secondary);line-height:1.6;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary);margin-bottom:1.5rem!important}.dynamic-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.dynamic-section{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem;border:1px solid var(--border-light);transition:all var(--transition-fast)}.dynamic-section:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014;border-color:var(--accent-primary-light)}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.section-icon{font-size:1.5rem}.section-header h3{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0}.section-points{margin:0;padding-left:1.25rem;list-style:none}.section-points li{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.4rem;position:relative}.section-points li:before{content:"•";position:absolute;left:-1rem;color:var(--accent-primary);font-weight:700}.dynamic-summary{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.dynamic-summary h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.dynamic-summary h3:before{content:"📋"}.summary-table{display:flex;flex-direction:column;gap:.5rem}.summary-row{display:grid;grid-template-columns:80px 1fr 1fr 1fr;gap:.5rem;padding:.6rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:center;font-size:.8rem;transition:all var(--transition-fast)}.summary-row:hover{background:var(--bg-hover)}.summary-type{font-weight:700;color:var(--accent-primary)}.summary-desc{color:var(--text-secondary)}.summary-meaning{color:var(--text-primary)}.summary-advice{color:var(--accent-secondary);font-weight:500}.dynamic-conclusion{font-size:.9rem;color:var(--text-primary);line-height:1.6;padding:.75rem 1rem;background:linear-gradient(135deg,var(--accent-primary-light) 0%,var(--accent-secondary-light) 100%);border-radius:var(--radius-md);font-style:italic;margin-bottom:0!important}@media(max-width:600px){.dynamic-sections{grid-template-columns:1fr}.summary-row{grid-template-columns:1fr;gap:.25rem}.summary-type{font-size:.9rem}.summary-desc,.summary-meaning,.summary-advice{padding-left:.5rem;font-size:.8rem}.summary-advice:before{content:"💡 "}}