/* Individual specimen pages: the same ink, paper and illustrations as the LP. */
.article-resources{font-size:14px;line-height:2;margin-top:18px;padding-top:16px;border-top:1px dashed #a2a8b0}.article-resources a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.article-breadcrumb{justify-content:flex-start;flex-wrap:wrap;gap:9px;font-size:12px;font-weight:700;padding:24px 0 0;line-height:1.7}
.article-page .article-breadcrumb a{display:inline;padding:0;border-bottom:1px solid #8b9199}
.article-breadcrumb>span:last-child{color:#69717c}
.article-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:64px;padding:54px 0 74px}
.article-hero-copy{min-width:0}.article-specimen{font-size:14px;font-weight:800;display:flex;align-items:center;gap:15px}.article-specimen>span{font:800 15px Arial,sans-serif;border:var(--line);border-radius:4px;padding:8px 11px;background:var(--yellow)}
.article-hero h1{font-size:clamp(36px,4.3vw,60px);line-height:1.4;letter-spacing:-.065em;margin-top:20px;overflow-wrap:normal}
.article-tagline{font-size:23px;font-weight:900;line-height:1.65;margin-top:15px}.article-summary{font-size:16px;line-height:2;margin-top:18px;max-width:36em}
.article-catchphrase{display:inline-block;font-size:18px;font-weight:800;line-height:1.8;margin-top:22px;padding:8px 13px;background:var(--yellow);border:var(--line);border-radius:5px}
.article-profile{margin:27px 0 0;padding-top:17px;border-top:1.5px dashed #a2a8b0;display:grid;gap:11px}.article-profile>div{display:grid;grid-template-columns:100px 1fr;gap:12px}.article-profile dt{font-size:12px;font-weight:800;color:#59616d}.article-profile dd{margin:0;font-size:13px;line-height:1.8}

/* B Edition Monster Status Gauges */
.monster-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;padding-top:22px;border-top:2px solid var(--ink)}
.status-card{background:var(--paper);border:var(--line);border-radius:8px;padding:14px 16px;box-shadow:3px 3px 0 var(--ink)}
.status-card-header{display:flex;justify-content:space-between;align-items:baseline}
.status-title{font-size:12px;font-weight:800;color:#59616d}
.status-stars{font-size:16px;letter-spacing:2px;font-weight:900}
.status-stars.star-tox{color:#d90429}
.status-stars.star-fre{color:#e76f51}
.status-stars.star-leg{color:#2a6f97}
.status-desc{font-size:12px;line-height:1.6;margin-top:8px;color:#222938;font-weight:700}

.article-portrait{position:relative;background-color:var(--article-accent);background-image:linear-gradient(rgba(34,41,56,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(34,41,56,.07) 1px,transparent 1px);background-size:30px 30px;border:var(--line);border-radius:12px;padding:34px 26px 28px;box-shadow:7px 8px 0 var(--ink);display:flex;flex-direction:column;align-items:center;overflow:hidden}
.article-number{position:absolute;top:12px;left:15px;font:900 120px/1 Arial,sans-serif;letter-spacing:-.075em;opacity:.08}.article-image{width:100%;height:320px;object-fit:contain;position:relative;animation:article-breathe 8s ease-in-out infinite;animation-play-state:paused}.article-portrait.is-on-screen .article-image{animation-play-state:running}
.article-portrait figcaption{position:relative;margin-top:18px;background:var(--paper);border:var(--line);border-radius:5px;padding:10px 22px;text-align:center;max-width:100%;box-shadow:3px 3px 0 var(--ink)}.article-portrait figcaption span,.article-portrait figcaption small{display:block;font-size:11px}.article-portrait figcaption strong{display:block;font-size:21px;line-height:1.7}
.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:74px;align-items:start}
.article-sidebar{position:sticky;top:130px;padding-top:0}.article-toc{border-top:2px solid var(--ink);padding-top:18px}.article-toc>p{font-size:13px;font-weight:900}.article-toc ol{list-style:none;margin:14px 0 21px;padding:0}.article-toc li+li{margin-top:5px}.article-toc li a{display:flex;gap:10px;align-items:baseline;font-size:13px;font-weight:700;padding:10px 8px;border-radius:4px;transition:background .2s}.article-toc li a span{font:700 12px Arial,sans-serif;color:#65707c}.article-toc li a:hover,.article-toc li a[aria-current="location"]{background:var(--yellow)}.article-return{font-size:12px;font-weight:800;display:block;border-top:1px solid #aeb3ba;padding-top:16px}
.article-section{padding:38px 0 52px;border-top:2px solid var(--ink);scroll-margin-top:20px}.article-section-index{font-size:12px;font-weight:800;letter-spacing:.055em;color:#56606b}.article-section h2,.article-related h2{font-size:31px;line-height:1.6;letter-spacing:-.04em;margin-top:12px}.article-lead{font-size:16px;line-height:2.05;margin-top:22px}

.article-visual-box{background:var(--paper);border:2px dashed var(--ink);border-radius:10px;padding:24px 26px;margin:22px 0 32px}
.article-visual-box h3{font-size:17px;font-weight:900;margin-bottom:12px;color:var(--ink);display:flex;align-items:center;gap:8px}
.article-visual-box p{font-size:16px;line-height:1.95;margin:0}

.article-patterns,.article-actions{list-style:none;padding:0;margin:30px 0 0}.article-patterns li,.article-actions li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:15px;padding:23px 0;border-top:1px solid #c5c9ce}.article-patterns li:first-child,.article-actions li:first-child{border-top:0;padding-top:0}.article-item-number{font:900 19px/1.7 Arial,sans-serif;color:var(--orange)}.article-patterns h3,.article-actions h3{font-size:19px;line-height:1.7}.article-patterns p,.article-actions p{font-size:16px;line-height:2;margin-top:9px}

/* Enhanced SNS Simulation chat */
.article-conversation{background:white;border:var(--line);border-radius:12px;box-shadow:4px 5px 0 var(--ink);padding:30px;margin-top:26px}
.conversation-thread{display:flex;flex-direction:column;gap:18px}
.chat-post{border:1.5px solid #d0d7de;border-radius:10px;padding:18px 20px;position:relative;background:#fdfdfd}
.chat-post.reply{background:#fff9f0;border-color:#e68a00;margin-left:24px;border-left:6px solid #e68a00}
.chat-author{font-size:12px;font-weight:800;color:#57606a;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.chat-author .badge{background:#e68a00;color:white;padding:2px 8px;border-radius:4px;font-size:11px}
.chat-body{font-size:16px;line-height:1.8;margin:0;font-weight:600}
.field-observation{margin-top:24px;padding-top:20px;border-top:2px dashed #b8bec6}
.field-observation .note-label{font-size:13px;font-weight:900;background:var(--ink);color:white;padding:4px 10px;border-radius:4px;display:inline-block;margin-bottom:12px}
.field-observation>p{font-size:16px;line-height:2}

/* Enhanced Mental Shield */
.article-reset{position:relative;background:var(--article-accent);border:var(--line);border-radius:10px;padding:28px 32px;margin-top:26px;box-shadow:4px 4px 0 var(--ink)}
.article-reset>span{display:block;color:var(--orange);font-size:35px;line-height:1}
.article-reset h3{font-size:22px;line-height:1.65;margin-top:14px;font-weight:900}
.article-reset>p{font-size:16px;line-height:2.05;margin-top:14px}
.article-step-number{display:grid;place-items:center;width:32px;height:32px;background:var(--yellow);border:var(--line);border-radius:50%;font:800 17px Arial,sans-serif;margin-top:3px}
.article-phrase{margin:22px 0 0;border-left:5px solid var(--yellow);padding:17px 20px;background:#f1f3f4}
.article-phrase p{font-size:18px;font-weight:800;line-height:1.9}

.article-related{margin-top:25px;background:#eaf0f6;border-block:var(--line);padding:52px 0 58px;scroll-margin-top:20px}.article-related-heading{display:flex;justify-content:space-between;gap:24px;align-items:end}.article-related-heading>a{font-size:13px;font-weight:800;flex-shrink:0;padding-bottom:8px}.article-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}.article-related-card{display:grid;grid-template-columns:135px minmax(0,1fr);gap:20px;border:var(--line);border-radius:9px;padding:20px;background:var(--paper);box-shadow:4px 5px 0 var(--ink);transition:translate .2s,box-shadow .2s}.article-related-card:hover{translate:0 -3px;box-shadow:5px 8px 0 var(--ink)}.article-related-card img{width:135px;height:155px;object-fit:contain;background:var(--related-accent);border-radius:5px}.article-related-card>div{align-self:center;position:relative;padding-right:12px}.article-related-card span{font-size:11px;font-weight:700}.article-related-card h3{font-size:23px;margin-top:8px;letter-spacing:-.04em}.article-related-card p{font-size:13px;line-height:1.8;margin-top:10px}.article-related-card b{display:block;margin-top:8px;font-size:22px}
.article-outro{padding:44px 0 52px;display:flex;justify-content:space-between;align-items:center;gap:24px}.article-outro>p{font-size:19px;font-weight:800}.article-outro .button{margin:0}.article-page .site-footer{border-top:1.5px solid #b7bdc5}
@keyframes article-breathe{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:1050px){.article-hero{gap:36px;grid-template-columns:1.2fr 1fr}.article-image{height:280px}.article-portrait{padding-inline:20px}.article-layout{grid-template-columns:210px minmax(0,1fr);gap:40px}.article-related-card{grid-template-columns:100px minmax(0,1fr);gap:15px}.article-related-card img{width:100px;height:140px}.article-related-card h3{font-size:20px}.monster-status-grid{grid-template-columns:1fr}}
@media(max-width:850px){.article-hero{gap:28px;padding-top:35px;align-items:start}.article-hero h1{font-size:38px}.article-tagline{font-size:20px}.article-catchphrase{font-size:16px}.article-image{height:245px}.article-portrait figcaption{padding:9px 13px}.article-portrait figcaption strong{font-size:18px}.article-portrait{padding:27px 17px}.article-number{font-size:90px}.article-layout{grid-template-columns:1fr;gap:30px}.article-sidebar{position:static;padding-top:0}.article-toc ol{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:0}.article-toc li+li{margin-top:0}.article-toc .article-return{display:none}.article-content{min-width:0}.article-related h2{font-size:27px}.article-related-heading{display:block}.article-related-heading>a{display:inline-block;margin-top:16px}.article-related-card{padding:16px}.article-profile>div{grid-template-columns:90px 1fr;gap:6px}}
@media(max-width:650px){.article-breadcrumb{font-size:11px;gap:7px;padding-top:22px}.article-hero{grid-template-columns:1fr;gap:29px;padding:29px 0 45px}.article-specimen{font-size:13px;gap:12px}.article-specimen>span{font-size:13px}.article-hero h1{font-size:36px;margin-top:19px}.article-tagline{font-size:20px;margin-top:11px}.article-summary{font-size:16px;line-height:1.95;margin-top:17px}.article-catchphrase{font-size:16px;display:block;margin-top:19px;padding:9px 11px}.article-profile{gap:10px;margin-top:21px}.article-profile>div{grid-template-columns:90px minmax(0,1fr);gap:8px}.article-portrait{padding:23px 23px 24px;box-shadow:4px 5px 0 var(--ink)}.article-image{height:265px}.article-portrait figcaption{margin-top:14px;padding-inline:22px}.article-portrait figcaption strong{font-size:22px}.article-number{font-size:115px}.article-toc li a{font-size:12px;padding:8px 7px}.article-toc ol{column-gap:4px}.article-layout{gap:26px}.article-section{padding:28px 0 36px}.article-section h2,.article-related h2{font-size:24px;line-height:1.6}.article-section-index{font-size:11px}.article-lead{font-size:16px;line-height:2;margin-top:17px}.article-patterns li,.article-actions li{grid-template-columns:29px minmax(0,1fr);gap:11px;padding:20px 0}.article-patterns h3,.article-actions h3{font-size:18px}.article-patterns p,.article-actions p{font-size:16px;line-height:1.95}.article-item-number{font-size:18px}.article-conversation{padding:20px 15px;margin-top:20px;box-shadow:3px 4px 0 var(--ink)}.chat-post.reply{margin-left:12px;border-left-width:4px}.field-observation>p{font-size:15px}.article-reset{padding:21px 20px}.article-reset h3{font-size:21px}.article-reset>p{font-size:16px}.article-step-number{width:28px;height:28px;font-size:15px}.article-phrase{padding:14px 15px;margin-top:18px}.article-phrase p{font-size:17px}.article-related{padding:35px 0 40px;margin-top:10px}.article-related-grid{grid-template-columns:1fr;gap:19px;margin-top:24px}.article-related-card{grid-template-columns:93px minmax(0,1fr);padding:15px;gap:15px;box-shadow:3px 4px 0 var(--ink)}.article-related-card img{width:93px;height:133px}.article-related-card h3{font-size:19px}.article-related-card p{font-size:12px;margin-top:7px}.article-related-card span{font-size:10px}.article-related-card b{font-size:19px}.article-outro{padding:34px 0 40px;display:block}.article-outro>p{font-size:18px}.article-outro .button{margin-top:20px;width:100%;font-size:14px}}
@media(max-width:375px){.article-hero h1{font-size:32px}.article-profile>div{grid-template-columns:80px minmax(0,1fr)}.article-related-card{grid-template-columns:80px minmax(0,1fr);gap:12px}.article-related-card img{width:80px}.article-related-card h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.article-image{animation:none}.article-related-card{transition:none}}
@media print{.article-sidebar,.article-breadcrumb,.article-related,.article-outro,.motion-toggle{display:none}.article-layout{display:block}.article-hero{grid-template-columns:1fr 1fr;padding-block:20px}.article-section{break-inside:avoid;padding-block:20px}.article-image{animation:none}.article-portrait,.article-conversation{box-shadow:none}.article-content{width:100%}}
