.status-guide{padding-bottom:48px}.status-intro{padding:48px 0 32px;max-width:850px}.status-intro p{font-size:18px}.status-navigation{display:flex;flex-wrap:wrap;gap:12px 24px}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.status-item{min-width:0;padding:24px;border:1px solid var(--pub-line);border-top:3px solid var(--pub-mint);border-radius:8px;background:var(--pub-surface);display:flex;flex-direction:column;scroll-margin-top:24px}.status-item:nth-child(2){border-top-color:#93baf0}.status-item:nth-child(3){border-top-color:var(--pub-coral)}.status-item:nth-child(4){border-top-color:var(--pub-gold)}.status-item img{object-fit:contain;margin-bottom:24px}.public-site .status-item h2{font-size:24px;min-height:56px;overflow-wrap:anywhere}.status-item dl{margin:0 0 24px}.status-item dl>div{padding:12px 0;border-top:1px solid var(--pub-line)}.status-item dt{font-size:13px;color:var(--pub-muted)}.status-item dd{margin:4px 0 0;font-size:15px}.status-item .status-discount{font-size:26px;font-weight:bold;color:var(--pub-mint)}.status-item .button{margin-top:auto;padding:12px;white-space:normal}.status-section{padding:44px 0;border-top:1px solid var(--pub-line);margin-top:36px;scroll-margin-top:24px}.public-site .status-section h2{font-size:30px}.status-table-scroll{overflow-x:auto;margin-bottom:24px}.status-table-scroll table{width:100%;min-width:800px;border-collapse:collapse;table-layout:fixed}.status-table-scroll caption{text-align:left;margin-bottom:12px;color:var(--pub-muted);font-size:14px}.status-table-scroll th,.status-table-scroll td{text-align:left;vertical-align:top;padding:16px 12px;border-bottom:1px solid var(--pub-line);font-size:15px;overflow-wrap:anywhere}.status-table-scroll thead{background:var(--pub-surface)}.status-note{border-left:3px solid var(--pub-gold);padding-left:18px}.status-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-left:24px}.public-site .status-steps h3{font-size:20px}.status-section details{border-bottom:1px solid var(--pub-line);padding:18px 0}.status-section summary{cursor:pointer;font-weight:bold}.status-section details p{margin:14px 0 0;max-width:850px}.status-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.status-bottom h2{margin:0}.status-guide a{overflow-wrap:anywhere}@media(max-width:1100px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.public-site .status-guide{padding-left:20px;padding-right:20px}.public-site .status-intro h1{font-size:34px}.status-grid,.status-steps{grid-template-columns:minmax(0,1fr)}.status-item h2{min-height:0!important}.status-intro{padding-top:32px}.status-section{padding:30px 0}.public-site .status-section h2{font-size:26px}.status-bottom{align-items:flex-start;flex-direction:column}.status-table-scroll{max-width:100%}}
.status-item{--status-accent:var(--pub-mint);--discount-width:40%;padding:0;overflow:hidden;border-top:3px solid var(--status-accent);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.status-item:nth-child(2){--status-accent:#93baf0;--discount-width:60%}
.status-item:nth-child(3){--status-accent:var(--pub-coral);--discount-width:80%}
.status-item:nth-child(4){--status-accent:var(--pub-gold);--discount-width:100%}
.status-art{position:relative;width:100%;aspect-ratio:2/1;overflow:hidden;background:#171b1c;border-bottom:1px solid var(--pub-line)}
.status-item .status-art img{width:100%;height:100%;object-fit:contain;margin:0;transition:filter .3s ease}
.status-art-index{position:absolute;right:12px;bottom:10px;background:rgba(15,18,19,.85);color:#fff;font:700 12px Arial,sans-serif;border:1px solid #ffffff50;border-radius:4px;padding:4px 7px}
.status-item-body{padding:24px;display:flex;flex-direction:column;flex:1;min-width:0}
.status-item dl{display:grid;grid-template-rows:minmax(68px,auto) minmax(104px,auto) auto}
.status-item .status-discount{color:var(--status-accent);font-size:32px}
.status-item .status-discount-meter{height:5px;background:#394143;margin:14px 0 4px;border-radius:2px;overflow:hidden}
.status-discount-meter span{display:block;height:100%;width:var(--discount-width);background:var(--status-accent);transform-origin:left}
.status-item:focus-within{border-color:var(--status-accent)}
.status-reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;background:var(--pub-mint);transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}
.status-navigation a{position:relative;padding-bottom:6px}
.status-navigation a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.status-navigation a:hover::after,.status-navigation a:focus-visible::after{transform:scaleX(1)}
.status-steps{list-style:none;padding-left:0;counter-reset:status-step}
.status-steps li{counter-increment:status-step;border-top:1px solid var(--pub-line);padding-top:18px}
.status-steps li::before{content:"0" counter(status-step);display:block;color:var(--pub-mint);font-size:28px;font-weight:bold;margin-bottom:18px}
@media(hover:hover) and (pointer:fine){.status-item:hover{transform:translateY(-6px);border-color:var(--status-accent);box-shadow:0 14px 28px #0004}.status-item:hover .status-art img{filter:brightness(1.08)}.status-item .button:hover{border-color:var(--status-accent);color:var(--status-accent)}}
@media(prefers-reduced-motion:no-preference){.status-item.is-visible{animation:status-arrive .55s ease both}.status-item:nth-child(2).is-visible{animation-delay:.07s}.status-item:nth-child(3).is-visible{animation-delay:.14s}.status-item:nth-child(4).is-visible{animation-delay:.21s}.is-visible .status-discount-meter span{animation:status-fill .8s ease .25s both}.status-section.is-visible{animation:status-arrive .45s ease both}.status-section details[open] p{animation:status-answer .2s ease both}}
@keyframes status-arrive{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes status-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes status-answer{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.status-item-body{padding:22px}.status-item dl{grid-template-rows:auto auto auto}.status-item .status-art{aspect-ratio:2/1}.status-item .button{min-height:48px}}
@media(prefers-reduced-motion:reduce){.status-guide *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.status-item:hover{transform:none}}
.status-item.is-visible{animation-fill-mode:backwards!important}