:root{--bg:#f7f3ea;--paper:#fffdf8;--ink:#2b3a33;--muted:#566058;--line:#e3dcc9;--line-strong:#cfc4a8;--green:#3d7a5f;--green-dark:#2e5f4a;--green-100:#e9f2ec;--terracotta:#c0764a;--gold:#d9a441;--dusty-pink:#e2a2a0;--sprout:#8fae76;--type-a:#3d7a5f;--type-b:#c0764a;--type-c:#4a7e8c;--type-d:#8a6fa0;--type-e:#55636f;--type-a-dark:#2e5f4a;--type-b-dark:#9c5c37;--type-c-dark:#37626c;--type-d-dark:#6f577f;--type-e-dark:#3c454d;--radius-card:20px;--radius-btn:12px;--radius-pill:999px;--shadow-card:0 8px 24px rgba(43,58,51,0.08);--shadow-hover:0 14px 32px rgba(43,58,51,0.13);--font-heading:"Zen Maru Gothic","Hiragino Sans",sans-serif;--font-body:"Noto Sans JP","Hiragino Sans",sans-serif;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;background-color:var(--bg);background-image:radial-gradient(640px circle at 12% -8%,rgba(61,122,95,.16),transparent 60%),radial-gradient(520px circle at 92% 4%,rgba(217,164,65,.18),transparent 55%),radial-gradient(480px circle at 50% 120%,rgba(74,126,140,.1),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat,no-repeat,repeat;color:var(--ink);font-family:var(--font-body)}a,button{font:inherit}img,svg{display:block;max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{min-height:100vh;overflow-x:hidden}h1,h2,h3,p{overflow-wrap:anywhere;font-family:var(--font-heading)}a,button,li,p,span{font-family:var(--font-body)}.eyebrow{margin:0 0 12px;color:var(--green);font-family:var(--font-heading);font-weight:700;font-size:14px;letter-spacing:.02em}.site-header{max-width:1120px;margin:0 auto;padding:20px 24px 0;display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-header__brand{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--font-heading);font-weight:700;font-size:18px;color:var(--green-dark);text-decoration:none}.site-header__mascot{width:32px;height:32px;object-fit:contain}.site-header__brand:hover{color:var(--green)}.site-header__pr{margin:0;font-size:12px;color:var(--muted)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);grid-gap:var(--space-6);gap:var(--space-6);align-items:center;max-width:1120px;margin:0 auto;padding:var(--space-5) 24px var(--space-4)}.hero-copy,.hero-illustration,.torn-photo{position:relative;z-index:1}.scrapbook-decor{position:absolute;inset:0;z-index:0;pointer-events:none}.sticky-note{position:absolute;width:clamp(48px,6vw,70px);aspect-ratio:1;border-radius:4px 4px 12px 4px;background:var(--gold);box-shadow:0 8px 16px rgba(43,58,51,.12);transform:rotate(-7deg);top:2%;left:clamp(200px,30vw,420px)}.heart-sticker{position:absolute;width:30px;height:30px;left:50%;top:28%;margin-left:-60px;z-index:2;background:var(--dusty-pink);transform:rotate(-10deg);-webkit-clip-path:path("M15 27 C6 19 1 13 3 7 C6 1 12 2 15 8 C18 2 24 1 27 7 C29 13 24 19 15 27 Z");clip-path:path("M15 27 C6 19 1 13 3 7 C6 1 12 2 15 8 C18 2 24 1 27 7 C29 13 24 19 15 27 Z");filter:drop-shadow(0 3px 3px rgba(43,58,51,.16))}.memo-clip{position:absolute;width:84px;height:60px;right:4%;top:4%;border-radius:6px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-card);transform:rotate(4deg)}.memo-clip:before{content:"";position:absolute;top:-11px;left:16px;width:20px;height:30px;border:3px solid #9c9788;border-bottom:0;border-radius:999px 999px 0 0}.notebook-spine{position:fixed;top:0;left:0;bottom:0;width:28px;background-image:radial-gradient(circle 7px at 14px 22px,#a8a196 0 7px,transparent 7px),radial-gradient(circle 4px at 14px 22px,var(--bg) 0 4px,transparent 4px);background-size:28px 44px;background-repeat:repeat-y;z-index:40;pointer-events:none;display:none}@media (min-width:1300px){.notebook-spine{display:block}}h1{margin:0;font-weight:700;font-size:clamp(30px,6vw,52px);line-height:1.25}.hero-text{max-width:560px;margin:var(--space-3) 0 0;color:var(--muted);font-size:17px;line-height:1.9}.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-3)}.hero-badge{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#ffffff 0,var(--green-100) 100%);border:1px solid var(--line);color:var(--green-dark);font-size:13px;font-weight:700}.hero-badge:nth-child(odd){transform:rotate(-2deg)}.hero-badge:nth-child(2n){transform:rotate(2deg)}.hero-badge:before{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:var(--terracotta);box-shadow:0 1px 2px rgba(43,58,51,.25)}.eyebrow--note{display:inline-block;background:var(--dusty-pink);color:white;padding:4px 14px;border-radius:4px;transform:rotate(-2deg);box-shadow:0 3px 6px rgba(43,58,51,.14)}.hero-underline{display:block;width:260px;max-width:70%;height:12px;margin:2px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--space-4)}.ghost-button,.primary-button,.primary-link,.secondary-link{min-height:56px;border-radius:var(--radius-btn);padding:14px 22px;border:1px solid transparent;cursor:pointer;text-decoration:none;font-weight:700;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.primary-button,.primary-link{background:linear-gradient(135deg,#4a8d6f 0,var(--green) 55%,var(--green-dark) 100%);color:white;box-shadow:var(--shadow-card),0 6px 16px rgba(61,122,95,.22)}.primary-button:hover:not(:disabled),.primary-link:hover{background:linear-gradient(135deg,var(--green) 0,var(--green-dark) 100%);box-shadow:var(--shadow-hover),0 8px 20px rgba(61,122,95,.3);transform:translateY(-1px)}.ghost-button,.secondary-link{background:var(--paper);color:var(--ink);border-color:var(--line-strong)}.ghost-button:hover,.secondary-link:hover{border-color:var(--green);color:var(--green-dark)}.primary-button:disabled{background:#b7c0ba;box-shadow:none;cursor:not-allowed;transform:none}.ghost-button:disabled{cursor:not-allowed}.ghost-button:disabled,.ghost-button:disabled:hover{color:var(--muted);border-color:var(--line)}.torn-photo{position:relative;transform:rotate(2deg);padding:14px;background:#fffaf0;box-shadow:0 16px 32px rgba(43,58,51,.16),inset 0 0 0 1px rgba(207,196,168,.7);-webkit-clip-path:polygon(2% 0,96% 1%,100% 8%,98% 96%,90% 100%,8% 98%,0 92%,1% 10%);clip-path:polygon(2% 0,96% 1%,100% 8%,98% 96%,90% 100%,8% 98%,0 92%,1% 10%)}.torn-photo__media{position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,#e3efe7,#f9f4e6 70%);min-height:320px}.torn-photo__media img{display:block;width:100%;height:100%;object-fit:cover}.torn-photo:before{content:"";position:absolute;inset:7px;border:1px dashed rgba(192,118,74,.32);pointer-events:none}.washi-tape{position:absolute;width:84px;height:24px;opacity:.9;box-shadow:0 2px 4px rgba(43,58,51,.14);z-index:2}.washi-tape--pink{background:repeating-linear-gradient(45deg,var(--dusty-pink),var(--dusty-pink) 8px,#f3d6d5 8px,#f3d6d5 16px);transform:rotate(-8deg)}.washi-tape--green{background:repeating-linear-gradient(45deg,var(--sprout),var(--sprout) 8px,#d9e6cb 8px,#d9e6cb 16px);transform:rotate(6deg)}.wave-divider{display:block;width:100%;line-height:0;margin-top:var(--space-6)}.wave-divider svg{width:100%;height:48px}.torn-edge{display:block;width:100%;line-height:0}.torn-edge svg{width:100%;height:20px}.personas{max-width:1120px;margin:0 auto;padding:var(--space-6) 24px 0}.personas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-4)}.persona-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:var(--space-4);box-shadow:var(--shadow-card);transition:transform .15s ease}.persona-card:first-child{transform:rotate(-1.5deg)}.persona-card:nth-child(2){transform:rotate(1deg)}.persona-card:nth-child(3){transform:rotate(-.8deg)}.persona-card:before{content:"";position:absolute;top:-8px;left:50%;width:64px;height:20px;margin-left:-32px;opacity:.85;box-shadow:0 2px 3px rgba(43,58,51,.14)}.persona-card:first-child:before{background:repeating-linear-gradient(45deg,var(--dusty-pink),var(--dusty-pink) 7px,#f3d6d5 7px,#f3d6d5 14px);transform:rotate(-3deg)}.persona-card:nth-child(2):before{background:repeating-linear-gradient(45deg,var(--sprout),var(--sprout) 7px,#d9e6cb 7px,#d9e6cb 14px);transform:rotate(2deg)}.persona-card:nth-child(3):before{background:repeating-linear-gradient(45deg,var(--gold),var(--gold) 7px,#f2dca4 7px,#f2dca4 14px);transform:rotate(-2deg)}.persona-card__clip{position:absolute;top:-13px;right:18px;width:18px;height:26px;border:3px solid #9c9788;border-bottom:0;border-radius:999px 999px 0 0}.persona-card__icon{width:72px;height:72px;margin-bottom:var(--space-2);border-radius:12px;overflow:hidden}.persona-card__icon img{display:block;width:100%;height:100%;object-fit:cover}.persona-card p{margin:0;color:var(--ink);line-height:1.8;font-size:15px}.articles,.diagnosis,.notice,.steps{max-width:980px;margin:var(--space-6) auto 0;padding:0 24px}.notice{display:flex;gap:var(--space-3);align-items:flex-start;padding:18px 22px;background:linear-gradient(135deg,var(--green-100) 0,#f2ecd9 100%);border:1px solid #cfe0d5;border-radius:var(--radius-card);color:#33463c;line-height:1.8}.notice strong{flex:0 0 auto;color:var(--green-dark)}.section-head{margin:0 0 var(--space-3)}.section-head h2{margin:0;font-size:28px;font-weight:700}.diagnosis--standalone{margin-top:var(--space-6);padding-bottom:var(--space-7)}.diagnosis-title{margin:0;font-size:clamp(26px,5vw,38px);font-weight:700;font-family:var(--font-heading)}.diagnosis-lead{margin:8px 0 0;color:var(--muted);font-size:16px}.diagnosis-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.diagnosis-head__mascot{flex:0 0 auto;object-fit:contain}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:36px;gap:36px;margin-top:var(--space-5)}.step-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:var(--space-4);text-align:center;box-shadow:var(--shadow-card)}.step-card:before{content:"";position:absolute;top:-8px;left:50%;width:56px;height:18px;margin-left:-28px;opacity:.85;box-shadow:0 2px 3px rgba(43,58,51,.14)}.step-card--gold:before{background:repeating-linear-gradient(45deg,var(--gold),var(--gold) 7px,#f2dca4 7px,#f2dca4 14px);transform:rotate(-2deg)}.step-card--pink:before{background:repeating-linear-gradient(45deg,var(--dusty-pink),var(--dusty-pink) 7px,#f3d6d5 7px,#f3d6d5 14px);transform:rotate(2deg)}.step-card--green:before{background:repeating-linear-gradient(45deg,var(--sprout),var(--sprout) 7px,#d9e6cb 7px,#d9e6cb 14px);transform:rotate(-2deg)}.step-card:not(:last-child):after{content:"";position:absolute;top:26px;right:-34px;width:26px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='24' viewBox='0 0 26 24'%3E%3Cpath d='M2 12 Q13 2 22 12' fill='none' stroke='%238fae76' stroke-width='2' stroke-dasharray='3 3' stroke-linecap='round'/%3E%3Cpath d='M17 7 L23 12 L16 15' fill='none' stroke='%238fae76' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;z-index:2}.step-card__mascot{display:block;margin:0 auto 4px;object-fit:contain}.step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:white;font-weight:700;font-size:15px;margin-bottom:var(--space-2);transform:rotate(-4deg)}.step-number--gold{background:var(--gold);box-shadow:0 6px 14px rgba(217,164,65,.35)}.step-number--pink{background:var(--dusty-pink);box-shadow:0 6px 14px rgba(226,162,160,.4)}.step-number--green{background:var(--green);box-shadow:0 6px 14px rgba(61,122,95,.32)}.step-card h3{margin:0 0 6px;font-size:16px}.step-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}@media (max-width:900px){.step-card:after{display:none}}.diagnosis-card,.result-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-4);box-shadow:var(--shadow-card);overflow:hidden}.diagnosis-card:before,.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--green),var(--gold))}.progress-row{display:flex;justify-content:space-between;color:var(--muted);font-weight:700;font-size:14px}.progress-bar{height:10px;margin:12px 0 var(--space-4);background:#ebe4d3;border-radius:var(--radius-pill);overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green) 0,var(--gold) 100%);transition:width .3s ease}.quiz-question{border:none;padding:0;margin:0;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.quiz-question legend{padding:0;margin:0 0 8px;font-size:21px;font-weight:700;line-height:1.5;font-family:var(--font-heading)}.quiz-hint{margin:0 0 var(--space-3);color:var(--green-dark);background:var(--green-100);display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:700}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{min-height:56px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius-btn);background:white;color:var(--ink);text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.quiz-option:hover:not(:disabled){border-color:var(--green);background:var(--green-100);transform:translateY(-1px)}.quiz-option:disabled{cursor:default}.quiz-option.selected{border-color:var(--green);background:linear-gradient(135deg,var(--green-100) 0,#dcece3 100%);font-weight:700}.quiz-option__check{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong);flex:0 0 auto}.quiz-option.selected .quiz-option__check{border-color:var(--green);background:var(--green);position:relative}.quiz-option.selected .quiz-option__check:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.quiz-option__check--box{border-radius:6px}.quiz-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:var(--space-4)}.quiz-next{min-height:48px;padding:12px 28px}.quiz-back{background:none;border:none;color:var(--muted);font-weight:700;cursor:pointer;padding:8px 4px;min-height:44px}.quiz-back:hover{color:var(--green-dark)}.diagnosis-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:var(--space-4)}.result-page{max-width:980px;margin:var(--space-6) auto 0;padding:0 24px}.result-subhead{margin:0 0 var(--space-2);font-size:18px;font-weight:700}.result-hero{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:calc(var(--space-5) + 6px) var(--space-4) var(--space-5);box-shadow:var(--shadow-card);text-align:center;animation:fade-in .4s ease-out;overflow:hidden}.result-hero__mascot{position:absolute;top:18px;right:18px;object-fit:contain;transform:rotate(6deg);filter:drop-shadow(0 4px 6px rgba(43,58,51,.15))}.result-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,var(--type-a),var(--type-a-dark))}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-hero.orange:before{background:linear-gradient(90deg,var(--type-b),var(--type-b-dark))}.result-hero.blue:before{background:linear-gradient(90deg,var(--type-c),var(--type-c-dark))}.result-hero.purple:before{background:linear-gradient(90deg,var(--type-d),var(--type-d-dark))}.result-hero.navy:before{background:linear-gradient(90deg,var(--type-e),var(--type-e-dark))}.result-illustration{width:148px;height:148px;margin:0 auto var(--space-3);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card)}.result-illustration img{display:block;width:100%;height:100%;object-fit:cover}.result-kicker{margin:0 0 8px;color:var(--green);font-weight:800}.result-hero h1{margin:0;font-size:clamp(26px,5vw,38px)}.result-lead{max-width:560px;margin:var(--space-2) auto 0;color:var(--muted);font-size:17px;line-height:1.85}.result-body{max-width:980px;margin:0 auto;padding:var(--space-4) 24px var(--space-7);gap:var(--space-4)}.result-body,.scorebar-list{display:flex;flex-direction:column}.scorebar-list{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-4);gap:var(--space-2)}.scorebar-row{display:grid;grid-template-columns:140px 1fr 44px;align-items:center;grid-gap:12px;gap:12px;font-size:14px}.scorebar-track{height:10px;background:#ebe4d3;overflow:hidden}.scorebar-fill,.scorebar-track{border-radius:var(--radius-pill)}.scorebar-fill{height:100%}.result-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.article-card,.offer-card,.result-columns>div{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-4)}.article-card h3,.result-columns h3{margin:0 0 var(--space-2);font-size:17px}ul{margin:0;padding-left:20px;line-height:1.9}.offer-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-4)}.offer-panel__label{margin:0 0 4px;color:var(--green);font-weight:800}.offer-panel__note{margin:0 0 var(--space-3);color:var(--muted);font-size:14px}.offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.offer-card{position:relative}.offer-card__badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:3px 10px;border-radius:var(--radius-pill);background:#ede7d6;color:var(--muted);font-size:11px;font-weight:700}.offer-card__category{margin:0 0 2px;color:var(--muted);font-size:12px;font-weight:700}.offer-card h3{color:var(--green-dark)}.offer-card ul{margin:var(--space-2) 0 var(--space-3);padding-left:18px;font-size:14px;line-height:1.8}.offer-card__cta{width:100%;min-height:48px;border-radius:var(--radius-btn);border:1px dashed var(--line-strong);background:#f4f0e4;color:var(--muted);font-weight:700;cursor:not-allowed}.offer-panel__footnote{margin:var(--space-3) 0 0;font-size:12px;color:var(--muted)}.share-buttons{display:flex;flex-wrap:wrap;gap:10px}.share-button{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;min-height:48px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);font-weight:700;text-decoration:none;cursor:pointer}.share-button:hover{border-color:var(--green);color:var(--green-dark)}.result-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.line-banner{max-width:980px;margin:var(--space-6) auto 0;padding:0 24px}.line-banner__inner{background:var(--paper);border:1px dashed var(--line-strong);border-radius:6px;padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.line-banner__envelope{width:56px;height:56px;object-fit:contain;flex:0 0 auto}.line-banner__text{flex:1 1 220px}.line-banner h3{margin:0 0 4px;font-size:17px;color:var(--green-dark)}.line-banner p{margin:0;color:var(--muted);font-size:14px}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:var(--space-4)}.article-card{position:relative;border-radius:6px;display:block;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .2s ease}a.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.article-card:nth-child(odd){transform:rotate(-1deg)}.article-card:nth-child(2n){transform:rotate(1deg)}.article-card__tape{position:absolute;top:-8px;left:20px;width:60px;height:18px;opacity:.85;box-shadow:0 2px 3px rgba(43,58,51,.14);transform:rotate(-3deg)}.article-card--pink .article-card__tape{background:repeating-linear-gradient(45deg,var(--dusty-pink),var(--dusty-pink) 7px,#f3d6d5 7px,#f3d6d5 14px)}.article-card--green .article-card__tape{background:repeating-linear-gradient(45deg,var(--sprout),var(--sprout) 7px,#d9e6cb 7px,#d9e6cb 14px)}.article-card--gold .article-card__tape{background:repeating-linear-gradient(45deg,var(--gold),var(--gold) 7px,#f2dca4 7px,#f2dca4 14px)}.article-card span.article-index{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1.5px dashed var(--line-strong);color:var(--green-dark);font-weight:800;font-size:12px}.article-pill{position:absolute;top:var(--space-4);right:var(--space-4);padding:4px 12px;border-radius:4px;background:#ede7d6;color:var(--muted);font-size:12px;font-weight:700;transform:rotate(3deg)}.article-card p{color:var(--muted);line-height:1.7;font-size:14px}.article-page{max-width:760px;margin:var(--space-6) auto 0;padding:0 24px}.article-page__eyecatch{margin-bottom:var(--space-5)}.article-page__eyecatch .torn-photo__media{min-height:0}.article-page__eyecatch img{width:100%;height:auto;aspect-ratio:1200/630}.manga-strip{position:relative;margin-bottom:var(--space-5);padding-top:10px}.manga-strip__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.manga-strip__panel{position:relative;margin:0;background:var(--paper);border:3px solid var(--ink);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-card);transform:rotate(var(--tilt,0deg))}.manga-strip__panel:first-child{--tilt:-1.5deg}.manga-strip__panel:nth-child(2){--tilt:1deg}.manga-strip__panel:nth-child(3){--tilt:1.5deg}.manga-strip__panel:nth-child(4){--tilt:-1deg}.manga-strip__panel img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.manga-strip__panel figcaption{padding:8px 10px;font-size:13px;line-height:1.5;color:var(--ink);background:var(--paper);border-top:1px dashed var(--line)}.article-page__header{text-align:center;margin-bottom:var(--space-5)}.article-page__header h1{margin:0;font-size:clamp(26px,5vw,36px)}.article-page__body{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5) var(--space-4)}.article-page__intro{color:var(--muted);font-size:17px;line-height:1.9;margin:0 0 var(--space-5)}.article-page__section{border-top:1px solid var(--line);padding-top:var(--space-4);margin-top:var(--space-4)}.article-page__section:first-of-type{border-top:none;padding-top:0;margin-top:0}.article-page__heading{position:relative;display:inline-block;margin:0 0 var(--space-3);padding:4px 4px 4px 14px;font-size:21px;font-weight:700}.article-page__heading:before{content:"";position:absolute;top:2px;bottom:2px;left:0;width:6px;border-radius:3px;background:linear-gradient(180deg,var(--gold),var(--dusty-pink))}.article-page__body p{font-size:16px;line-height:1.9}.article-page__body p,.article-page__list{color:var(--ink);margin:0 0 var(--space-3)}.article-page__list{padding-left:22px;line-height:2}.article-page__inline-image{display:block;width:140px;height:140px;object-fit:contain;margin:var(--space-3) auto}.article-page__note{background:var(--green-100);border:1px dashed #cfe0d5;border-radius:8px;padding:12px 16px;font-size:14px;color:#33463c}.article-page__subsections{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-3) 0}.article-page__subsection{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.article-page__subheading{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--green-dark)}.article-page__subsection p{margin:0;font-size:15px}.article-page__table-wrap{margin:var(--space-3) 0;overflow-x:auto}.article-page__table-caption{font-size:13px;color:var(--muted);margin:0 0 8px}.article-page__table{width:100%;border-collapse:collapse;font-size:14px;background:var(--paper);border-radius:8px;overflow:hidden}.article-page__table td,.article-page__table th{border:1px solid var(--line);padding:10px 12px;text-align:left;line-height:1.6}.article-page__table th{background:var(--green-100);color:var(--green-dark);font-weight:700}.article-page__faq-item{border-top:1px solid var(--line);padding:var(--space-3) 0}.article-page__faq-item:first-of-type{border-top:none;padding-top:0}.article-page__faq-q{margin:0 0 6px;font-weight:700;position:relative;padding-left:28px}.article-page__faq-q:before{content:"Q";position:absolute;left:0;top:-2px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--gold);color:white;font-size:12px;font-weight:800}.article-page__faq-a{margin:0;padding-left:28px;color:var(--muted);position:relative}.article-page__faq-a:before{content:"A";position:absolute;left:0;top:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--green);color:white;font-size:12px;font-weight:800}.article-page__closing{margin-top:var(--space-5)}.article-page__cta{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--line-strong);text-align:center}.article-page__cta p{color:var(--muted);margin:0 0 var(--space-3)}.site-footer{max-width:1120px;margin:var(--space-7) auto 0;padding:var(--space-4) 24px var(--space-6);border-top:1px dashed var(--line-strong);color:var(--muted);font-size:13px;line-height:1.8}.site-footer p{margin:0 0 8px}@media (max-width:760px){.hero{grid-template-columns:1fr;gap:var(--space-4);padding-top:var(--space-4)}.torn-photo__media{min-height:220px}.memo-clip{display:none}.sticky-note{opacity:.6}.notebook-spine{display:none}.personas-grid,.steps-grid{grid-template-columns:1fr}.notice{display:block}.article-grid,.result-columns{grid-template-columns:1fr}.diagnosis-card,.offer-panel,.result-hero{padding:var(--space-3)}.diagnosis-actions,.result-links{flex-direction:column;align-items:stretch}.ghost-button,.primary-button,.primary-link,.secondary-link{width:100%}.scorebar-row{grid-template-columns:96px 1fr 36px;font-size:13px}.line-banner__inner{flex-direction:column;align-items:flex-start}}