:root{--paper:#FFF8F2;--white:#FFFFFF;--sand:#F3EBE3;--ink:#1A1230;--body:#2C2440;--sub:#5A5270;--muted:#716984;--magenta:#E11D8F;--indigo:#6366F1;--cyan:#0891B2;--amber:#D97706;--mint:#059669;--line:rgba(26,18,48,.1);--shadow:0 14px 34px rgba(26,18,48,.08);--max:1160px;--top:118px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;color:var(--body);background:var(--paper);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.38;color:var(--ink);letter-spacing:-.025em}h1{font-size:clamp(28px,2.7vw,34px)}h2{font-size:clamp(22px,2.4vw,27px)}h3{font-size:18px}p{margin-bottom:1em}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}button,a,input{touch-action:manipulation}a:hover{color:var(--magenta)}:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}button:focus-visible{outline-offset:1px}::selection{background:#F9C3E1;color:var(--ink)}.skip-link{position:fixed;top:-200px;left:14px;background:var(--ink);color:white;padding:12px;z-index:500}.skip-link:focus{top:14px}.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}
.site-top{position:fixed;top:0;left:0;right:0;width:100%;z-index:30;background:var(--paper)}.masthead{height:72px;background:var(--paper);border-bottom:1px solid var(--line)}.mast-inner{height:100%;max-width:var(--max);padding:0 24px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);flex:none}.icon-button:hover{background:#FBE7F1;border-color:#E8BBD6}.directory-trigger{justify-self:start}.mast-logo{display:flex;align-items:center;justify-content:center;min-width:0;max-width:225px;line-height:1;color:var(--ink);font-size:22px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.mast-logo img{width:auto;max-width:100%;height:38px;object-fit:contain}.mast-tools{justify-self:end;display:flex;align-items:center;gap:10px}.menu-lines{width:20px;height:15px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}.menu-lines:before{content:'';height:2px;position:absolute;left:0;right:0;top:5px;background:currentColor}.lens{width:17px;height:17px;border:2px solid currentColor;border-radius:50%;display:block;position:relative;transform:translate(-2px,-2px)}.lens:after{content:'';position:absolute;width:8px;height:2px;background:currentColor;right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:3px}.app-top-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;background:var(--ink);border-radius:12px;color:white!important;font-size:14px;font-weight:700;white-space:nowrap}.app-top-link:hover{background:var(--magenta)}.app-arrow{padding-left:6px}.chapter-nav{height:46px;background:var(--white);border-bottom:1px solid var(--line)}.chapter-inner{max-width:var(--max);height:100%;margin:auto;display:flex;justify-content:center;align-items:stretch;gap:32px;padding:0 24px}.chapter-inner a{height:100%;display:flex;align-items:center;padding:0 3px;border-bottom:3px solid transparent;color:var(--sub);font-size:14px;font-weight:700;white-space:nowrap}.chapter-inner a:hover,.chapter-inner a.selected{border-bottom-color:var(--magenta);color:var(--ink)}.site-main{padding-top:calc(var(--top) + 22px);min-height:70vh}.mag-shell,.inside,.footer-shell{width:min(calc(100% - 48px),var(--max));margin:0 auto}.mag-shell{padding-bottom:48px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;color:var(--magenta);font-size:12px;font-weight:900}.page-number{font:700 12px/1.3 Georgia,serif;letter-spacing:.12em;color:var(--indigo)}.short-rule{width:45px;height:4px;background:var(--magenta);border-radius:10px;margin:22px 0}.btn{min-height:46px;padding:10px 22px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;font-size:14px;font-weight:800;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-primary{color:white!important;background:linear-gradient(135deg,#6366F1 0%,#E11D8F 55%,#D97706 100%)}.btn-secondary{background:white;color:var(--ink)!important;border:1px solid var(--line)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.text-link{font-size:14px;color:var(--magenta);font-weight:800;display:inline-flex;align-items:center;gap:8px}.text-link:after{content:'↗';display:inline-block;transition:transform .16s}.text-link:hover:after{transform:translate(2px,-2px)}
/* A broad magazine cover with its own generous editorial margins. */
.hero-magazine{background:var(--white);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch}.hero-copy{padding:54px clamp(24px,5vw,62px) 50px;position:relative}.hero-copy:before{content:'';width:26px;height:6px;border-radius:4px;background:var(--magenta);position:absolute;left:clamp(24px,5vw,62px);top:34px}.hero-copy .kicker{font-size:12px;letter-spacing:.18em;color:var(--sub);font-weight:800;margin:20px 0 20px}.hero-copy h1{max-width:13em;line-height:1.26;font-size:clamp(29px,3vw,38px);letter-spacing:-.04em}.hero-copy p{color:var(--sub);line-height:1.85}.cover-edition{font:700 12px Georgia,serif;color:var(--sub);letter-spacing:.16em;padding-top:18px;display:block}.hero-visual{background:linear-gradient(145deg,#E4E0FF,#F9E7F1 48%,#FDEECD);padding:26px;display:flex;align-items:stretch;min-height:320px}.hero-visual .media-slot{flex:1;max-height:360px;background:rgba(255,255,255,.72);border-radius:13px}.hero-visual .media-empty{background:linear-gradient(145deg,#E1E3FF,#FCE5F0 50%,#FFF0CA)}.media-slot{background:#F7F1F4;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:14px;min-width:0}.media-slot img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-empty{width:100%;height:100%;min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:var(--sub);background:radial-gradient(circle at 77% 15%,#ffffff 0,#ffffff00 45%),linear-gradient(140deg,#F1E3F4,#F7F0EC);padding:15px;position:relative;isolation:isolate}.media-empty span{font:700 12px Georgia,serif;letter-spacing:.2em;color:var(--indigo)}.media-empty b{font-size:16px;font-weight:800;color:var(--ink)}.media-empty i{width:72px;height:72px;transform:rotate(35deg);border:13px double #E7BCD8;opacity:.28;border-radius:16px;position:absolute;z-index:-1;right:8%;bottom:6%}.hero-visual .media-empty b{font-size:23px}
.section-block{margin-top:58px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-head h2{margin:8px 0 0}.section-head p{font-size:14px;color:var(--sub);margin:0;max-width:380px}.topic-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.topic-pills a{padding:19px 19px 18px;background:white;border:1px solid var(--line);border-radius:16px;min-height:108px;display:flex;flex-direction:column;transition:transform .15s}.topic-pills a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.topic-pills .dot{width:9px;height:9px;border-radius:50%;background:var(--magenta);margin-bottom:9px}.topic-pills a:nth-child(4n+2) .dot{background:var(--indigo)}.topic-pills a:nth-child(4n+3) .dot{background:var(--cyan)}.topic-pills a:nth-child(4n+4) .dot{background:var(--amber)}.topic-pills strong{font-size:15px;color:var(--ink)}.topic-pills small{font-size:13px;color:var(--sub);line-height:1.5;margin-top:4px}
.feature-today{padding:32px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.feature-today .media-slot{height:205px;margin:18px 0 22px}.feature-today>p{max-width:1020px}.chapter-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:25px}.chapter-links a{min-height:86px;background:var(--sand);border-radius:12px;padding:12px;display:flex;flex-direction:column}.chapter-links a b{color:var(--magenta);font-size:22px;font-family:Georgia,serif}.chapter-links a span{font-size:15px;font-weight:800}.story-trio{display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:14px;align-items:start}.story-card{background:white;overflow:hidden;border:1px solid var(--line);border-radius:16px}.story-card:nth-child(2){margin-top:26px}.story-card:nth-child(3){margin-top:49px}.story-card .media-slot{height:188px;border:0;border-radius:0}.story-card-body{padding:22px}.story-card-body h3{font-size:20px;margin:6px 0 12px}.story-card-body p{font-size:15px;color:var(--sub)}.story-card-body .text-link{margin-top:8px}.step-panels{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.step-panels .media-slot{height:278px}.step-panels ol{list-style:none;margin:0;padding:0;counter-reset:step}.step-panels li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:14px}.step-panels li:before{counter-increment:step;content:counter(step,decimal-leading-zero);font:bold 25px Georgia;color:var(--indigo)}.step-panels li strong{font-size:16px;color:var(--ink)}.step-panels li span{display:block;font-size:14px;color:var(--sub)}
.wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wall-grid a{min-height:140px;border:1px solid var(--line);border-radius:16px;background:white;padding:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.wall-grid a:nth-child(2),.wall-grid a:nth-child(5){background:#F0EEFF}.wall-grid a:nth-child(3),.wall-grid a:nth-child(6){background:#FFF0E1}.wall-grid a strong{font-size:18px;color:var(--ink)}.wall-grid a small{max-width:240px;color:var(--sub);font-size:14px}.wall-grid a:after{content:'↗';position:absolute;right:20px;top:14px;font-size:22px;color:var(--magenta)}.section-picture{height:204px;margin-bottom:18px}.bookcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bookcase a{min-height:190px;border:1px solid var(--line);border-left:8px solid var(--magenta);background:white;border-radius:12px;padding:23px 16px;display:flex;flex-direction:column;justify-content:space-between}.bookcase a:nth-child(2){border-left-color:var(--indigo)}.bookcase a:nth-child(3){border-left-color:var(--cyan)}.bookcase a:nth-child(4){border-left-color:var(--amber)}.bookcase strong{font-size:18px;color:var(--ink)}.bookcase p{font-size:14px;color:var(--sub);margin-top:12px}.bookcase small{font:700 12px Georgia;color:var(--magenta)}.edit-ranks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rank-item{padding:19px 24px;background:white;border:1px solid var(--line);border-radius:14px;display:flex;gap:21px;align-items:center;min-height:98px}.rank-item b{font:700 48px/.9 Georgia;color:var(--magenta)}.rank-item:nth-child(4n+2) b{color:var(--indigo)}.rank-item:nth-child(4n+3) b{color:var(--cyan)}.rank-item:nth-child(4n) b{color:var(--amber)}.rank-item strong{color:var(--ink);display:block;font-size:16px}.rank-item small{font-size:13px;color:var(--sub)}.rank-item:nth-child(5){grid-column:1/-1}.timeline{border-left:3px solid var(--indigo);margin:20px 0 0 12px;padding-left:30px;display:grid;gap:18px}.timeline article{position:relative;padding:15px 22px;background:white;border:1px solid var(--line);border-radius:13px}.timeline article:before{content:'';position:absolute;left:-40px;top:24px;width:14px;height:14px;background:var(--magenta);border:3px solid var(--paper);border-radius:50%}.timeline strong{color:var(--ink)}.timeline em{font-size:12px;color:var(--magenta);font-style:normal;font-weight:900;margin-left:14px}.timeline p{font-size:15px;color:var(--sub);margin:6px 0 0}
.app-spotlight{padding:28px;background:linear-gradient(135deg,#F2F1FF,#FFEFF6);border:1px solid var(--line);border-radius:22px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.app-spotlight .media-slot{height:340px;max-height:340px;background:white}.app-spotlight .badge-slot{width:66px;height:66px;max-height:66px;margin:0 0 14px;border-radius:17px}.app-spotlight h3{font-size:22px}.app-spotlight p{color:var(--sub)}.care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.care-grid article{background:white;padding:26px;border-radius:16px;border:1px solid var(--line)}.care-grid h3{color:var(--ink)}.quick-faqs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-faqs article{background:white;border:1px solid var(--line);padding:20px;border-radius:12px}.quick-faqs h3{margin-bottom:10px}.quick-faqs p{font-size:14px;color:var(--sub);margin:0}.brand-story{background:var(--ink);padding:30px 36px;border-radius:18px;color:#EEE7F4}.brand-story h2,.brand-story h3{color:white}.brand-story p{max-width:890px;color:#F1EAF6}.brand-story .text-link{color:#F3B1E0}
/* Independent editorial article templates */
.inside{padding:8px 0 70px}.crumb{font-size:13px;color:var(--sub);margin-bottom:24px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.crumb a{text-decoration:underline;text-decoration-color:#D8D0E8;text-underline-offset:4px}.inner-mast{border-top:6px solid var(--magenta);background:white;padding:32px 34px 28px;border-radius:0 0 18px 18px;border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:22px}.inner-mast h1{margin:12px 0 8px}.inner-mast .subtitle{color:var(--magenta);font-size:17px;font-weight:700}.inner-deck{max-width:930px;color:var(--sub);line-height:1.85}.inner-mast .edition-stamp{font:700 12px Georgia;color:var(--sub);letter-spacing:.17em}.inner-cover{height:260px;background:white;margin-bottom:24px}.article-deck{padding:10px 0}.article-chapters{display:grid;gap:13px}.essay-chapter{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;background:white;padding:25px 30px;border:1px solid var(--line);border-radius:15px;align-items:start}.essay-chapter:nth-child(3n+2){background:#FCF9F8}.chapter-no{font:bold 31px/1.1 Georgia;color:var(--magenta)}.essay-chapter:nth-child(4n+2) .chapter-no{color:var(--indigo)}.essay-chapter:nth-child(4n+3) .chapter-no{color:var(--cyan)}.essay-chapter:nth-child(4n+4) .chapter-no{color:var(--amber)}.essay-body h2{font-size:21px;margin:0 0 10px}.essay-body p{margin:0;max-width:930px}.page-perspective,.page-closing{background:var(--sand);border-left:4px solid var(--indigo);padding:24px 28px;margin-top:22px;border-radius:4px 14px 14px 4px}.page-perspective h2{font-size:20px}.page-perspective p,.page-closing p{margin-bottom:0}.related{margin-top:34px;border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.related h2{margin:5px 0}.related-links{display:flex;flex-wrap:wrap;gap:9px}.related-links a{min-height:44px;padding:9px 14px;border:1px solid var(--line);background:white;border-radius:10px;font-size:14px;font-weight:700}.related-links a:hover{border-color:var(--magenta)}
.layout-characters .article-chapters,.layout-mosaic .article-chapters,.layout-topics .article-chapters,.layout-cards .article-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-characters .essay-chapter,.layout-mosaic .essay-chapter,.layout-topics .essay-chapter,.layout-cards .essay-chapter{display:block;min-height:245px}.layout-characters .chapter-no,.layout-mosaic .chapter-no,.layout-topics .chapter-no,.layout-cards .chapter-no{display:block;margin-bottom:20px}.layout-mosaic .essay-chapter:nth-child(3n),.layout-topics .essay-chapter:nth-child(3n){background:#F1F0FF}.layout-mosaic .essay-chapter:nth-child(4n),.layout-topics .essay-chapter:nth-child(4n){background:#FFF0E3}.layout-index .essay-chapter,.layout-serial .essay-chapter{grid-template-columns:90px minmax(0,1fr);border-left:5px solid var(--magenta);border-radius:4px 15px 15px 4px}.layout-index .chapter-no,.layout-serial .chapter-no{font-size:46px}.layout-steps .essay-chapter{grid-template-columns:90px minmax(0,1fr);border-left:5px solid var(--indigo)}.layout-steps .chapter-no{font-size:43px}.layout-shelf .article-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-shelf .essay-chapter{display:block;border-left:9px solid var(--indigo);min-height:225px}.layout-shelf .essay-chapter:nth-child(2n){border-left-color:var(--magenta)}.layout-shelf .chapter-no{display:block;margin-bottom:15px}.layout-ranking .essay-chapter{grid-template-columns:110px minmax(0,1fr)}.layout-ranking .chapter-no{font-size:70px}.layout-timeline .article-chapters{border-left:3px solid var(--indigo);padding-left:24px;margin-left:14px}.layout-timeline .essay-chapter{grid-template-columns:85px minmax(0,1fr);position:relative}.layout-timeline .essay-chapter:before{content:'';position:absolute;width:16px;height:16px;border:3px solid var(--paper);background:var(--magenta);border-radius:50%;left:-35px;top:25px}.layout-notes .essay-chapter{border-left:5px solid var(--amber)}.layout-policies .essay-chapter{border-left:5px solid var(--cyan)}.layout-letter .article-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-letter .essay-chapter{display:block;min-height:280px;background:linear-gradient(#fff,#FFFDFC)}.layout-letter .chapter-no{display:block;margin-bottom:12px}.layout-app .inner-cover{height:320px;max-height:360px}.layout-app .essay-chapter{background:#F2F1FF}.faq-page .faq-question{padding:21px 26px;border-radius:15px;background:white;border:1px solid var(--line)}.faq-page .faq-question h2{font-size:18px}.faq-page .faq-question p{margin:0}.faq-page .article-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Footer and overlays */
.site-footer{background:var(--ink);color:#F7EFE6}.footer-shell{padding:48px 0 30px}.footer-brand{margin-bottom:26px;max-width:560px}.footer-brand p{font-size:14px;color:#DBD1E4}.footer-logo{color:#FDF4FA;font-size:25px;font-weight:900}.footer-logo img{height:38px;max-width:200px;object-fit:contain}.footer-english{font:700 12px Georgia;letter-spacing:.21em;color:#E4C9DD!important;margin-top:7px}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border-top:1px solid rgba(255,255,255,.15);padding:26px 0}.footer-columns h2{font-size:14px;color:white;margin:0 0 15px}.footer-columns a{display:block;margin:7px 0;color:#E8DFEA;font-size:13px}.footer-columns a:hover{color:#FFA7DC}.footer-legal{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.15);padding-top:22px;color:#DBCFE5;font-size:13px}.footer-legal p{margin:0;max-width:650px}.modal-backdrop{position:fixed;inset:0;background:rgba(22,12,40,.56);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.modal-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.directory-dialog,.search-dialog{position:fixed;z-index:85;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 24px 70px rgba(10,6,25,.25)}.directory-dialog{width:min(840px,calc(100% - 32px));height:min(760px,calc(100dvh - 44px));max-height:calc(100dvh - 44px);background:#FFFDFB;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.directory-dialog.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.directory-top{display:flex;justify-content:space-between;align-items:center;background:var(--ink);padding:16px 23px;color:white;gap:12px;flex:none}.directory-brand{display:flex;align-items:center;gap:14px;min-width:0}.directory-brand img{height:34px;max-width:128px;object-fit:contain}.directory-brand>strong{font-size:19px}.directory-brand>span{display:block;font-size:15px;font-weight:800}.directory-brand small{display:block;font:10px Georgia;letter-spacing:.14em;color:#E3BBDD}.dialog-close{width:44px;height:44px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.14);color:white;border-radius:12px;font-size:28px;line-height:1;flex:none}.dialog-close:hover{background:#5A376C}.directory-scroll{overflow-y:auto;min-height:0;overscroll-behavior:contain;flex:1}.spread-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.spread-group{padding:27px 28px;border-bottom:1px solid var(--line);min-width:0}.spread-group:nth-child(odd){border-right:1px solid var(--line)}.spread-group h2{font-size:22px;margin:10px 0 16px}.spread-links{display:grid;gap:3px}.spread-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;border-bottom:1px solid rgba(26,18,48,.07);padding:10px 0}.spread-links a strong{font-size:15px;color:var(--ink)}.spread-links a small{font-size:12px;color:var(--sub);line-height:1.55;grid-column:1}.spread-links a span{grid-column:2;grid-row:1/3;color:var(--magenta)}.spread-links a:hover strong{color:var(--magenta)}.search-dialog{top:110px;left:50%;width:min(560px,calc(100% - 32px));background:white;border-radius:18px;padding:27px;transform:translate(-50%,-16px)}.search-dialog.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.search-top{display:flex;justify-content:space-between;gap:14px}.search-top h2{font-size:25px;margin:5px 0 0}.search-top .dialog-close{background:var(--ink)}.search-hint{font-size:14px;color:var(--sub);margin:12px 0}.search-field{height:54px;border:1px solid #CCBDE4;background:#F8F5FA;display:flex;align-items:center;gap:16px;padding:0 17px;border-radius:12px}.search-field .lens{color:var(--magenta);flex:none}.search-field input{min-width:0;width:100%;height:100%;background:transparent;border:0;outline:0;color:var(--ink);font-size:16px}.search-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.search-links a{display:flex;justify-content:space-between;align-items:center;min-height:47px;padding:10px 13px;background:#F8F5FA;border-radius:10px;font-size:14px;font-weight:800}.search-links a span{color:var(--magenta)}.search-links a[hidden]{display:none!important}.search-noresult{font-size:14px;color:var(--sub);padding:15px 0}.mobile-tabbar{display:none}.no-js-navigation{background:var(--paper);padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px}.no-js-navigation a{background:white;border:1px solid var(--line);padding:10px 14px;border-radius:8px}
@media (max-width:820px){.mag-shell,.inside,.footer-shell{width:calc(100% - 40px)}.hero-copy{padding:48px 28px 30px}.hero-copy:before{left:28px}.hero-visual{min-height:280px}.chapter-inner{gap:17px}.topic-pills{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bookcase{grid-template-columns:repeat(2,minmax(0,1fr))}.story-trio{grid-template-columns:1fr 1fr}.story-card:nth-child(3){margin-top:0}.step-panels{grid-template-columns:1fr}.step-panels .media-slot{height:235px}.app-spotlight{grid-template-columns:1.1fr .9fr}.chapter-links{grid-template-columns:1fr 1fr}.spread-group{padding:22px 20px}.footer-legal{display:block}.footer-legal p+p{margin-top:10px}}
@media (max-width:620px){:root{--top:72px}.mast-inner{width:100%;padding:0 16px;grid-template-columns:50px minmax(0,1fr) auto;gap:7px}.masthead{height:72px}.chapter-nav{display:none}.mast-logo{font-size:17px;letter-spacing:0;font-weight:900;justify-self:center;max-width:140px;min-width:0}.mast-logo img{max-width:100%;max-height:36px}.mast-tools{gap:5px}.app-top-link{min-height:44px;padding:0 9px;font-size:12px;border-radius:10px}.app-arrow{display:none}.site-main{padding-top:calc(var(--top) + 18px)}.mag-shell,.inside,.footer-shell{width:calc(100% - 32px)}.hero-magazine{border-radius:18px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:43px 22px 26px}.hero-copy:before{left:22px;top:27px}.hero-copy h1{font-size:29px}.hero-copy p{font-size:15px}.hero-visual{padding:12px;min-height:220px;order:2}.hero-visual .media-slot{height:235px;max-height:235px}.section-block{margin-top:36px}.section-head{align-items:start}.section-head h2{font-size:22px}.section-head p{display:none}.section-head .text-link{font-size:12px}.topic-pills{gap:9px}.topic-pills a{padding:14px 12px;min-height:123px}.topic-pills strong{font-size:15px}.topic-pills small{font-size:12px}.feature-today{padding:18px}.feature-today .media-slot{height:185px}.chapter-links{gap:8px}.chapter-links a{padding:11px}.chapter-links a b{font-size:19px}.story-trio,.care-grid,.quick-faqs,.edit-ranks{grid-template-columns:1fr}.story-card:nth-child(2),.story-card:nth-child(3){margin-top:0}.story-card .media-slot{height:186px}.story-card-body{padding:19px}.wall-grid{gap:9px}.wall-grid a{padding:18px;min-height:142px}.wall-grid a strong{font-size:16px}.wall-grid a small{font-size:13px}.wall-grid a:after{right:12px;top:10px}.section-picture{height:180px}.bookcase{gap:9px}.bookcase a{padding:15px;min-height:169px}.bookcase strong{font-size:16px}.rank-item:nth-child(5){grid-column:auto}.rank-item{padding:16px}.rank-item b{font-size:45px}.app-spotlight{grid-template-columns:1fr;padding:20px;gap:15px}.app-spotlight .media-slot{height:300px;max-height:300px}.brand-story{padding:23px}.inside{padding-bottom:40px}.crumb{margin-bottom:18px}.inner-mast{padding:24px 20px 22px}.inner-mast h1{font-size:29px}.inner-mast .subtitle{font-size:15px}.inner-cover{height:195px}.article-chapters,.layout-characters .article-chapters,.layout-mosaic .article-chapters,.layout-topics .article-chapters,.layout-cards .article-chapters,.layout-shelf .article-chapters,.layout-letter .article-chapters,.faq-page .article-chapters{grid-template-columns:1fr}.essay-chapter,.layout-index .essay-chapter,.layout-serial .essay-chapter,.layout-ranking .essay-chapter,.layout-steps .essay-chapter,.layout-timeline .essay-chapter{grid-template-columns:45px minmax(0,1fr);gap:11px;padding:21px 16px}.essay-body h2{font-size:19px}.essay-chapter p{font-size:15px}.chapter-no,.layout-index .chapter-no,.layout-serial .chapter-no,.layout-steps .chapter-no{font-size:24px}.layout-ranking .chapter-no{font-size:30px}.layout-characters .essay-chapter,.layout-mosaic .essay-chapter,.layout-topics .essay-chapter,.layout-cards .essay-chapter,.layout-letter .essay-chapter,.layout-shelf .essay-chapter{min-height:auto;padding:22px}.layout-characters .chapter-no,.layout-mosaic .chapter-no,.layout-topics .chapter-no,.layout-cards .chapter-no,.layout-letter .chapter-no,.layout-shelf .chapter-no{margin-bottom:9px}.page-perspective,.page-closing{padding:20px}.related{display:block}.related-links{margin-top:12px}.footer-shell{padding:40px 0 calc(100px + env(safe-area-inset-bottom))}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.directory-dialog{width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.directory-top{padding:11px 15px}.directory-brand img{height:30px}.spread-pages{grid-template-columns:1fr}.spread-group{padding:18px 22px;border-right:0!important}.spread-group h2{font-size:22px}.search-dialog{top:84px;width:calc(100% - 16px);padding:20px}.search-links{gap:7px}.mobile-tabbar{position:fixed;bottom:0;left:0;right:0;z-index:35;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:white;box-shadow:0 -8px 26px rgba(26,18,48,.09);border-top:1px solid var(--line)}.mobile-tabbar a{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;min-height:50px;color:var(--sub)}.mobile-tabbar a span{font-size:19px;line-height:24px}.mobile-tabbar a small{font-size:11px;line-height:17px}.mobile-tabbar a.current{color:var(--magenta);font-weight:900}.mobile-tabbar a:hover{background:#FFF0F8}.dialog-open .mobile-tabbar{z-index:35}.directory-dialog,.search-dialog{z-index:85}}
@media (max-width:350px){.mast-inner{grid-template-columns:44px minmax(0,1fr) auto;padding:0 12px;gap:4px}.mast-logo{font-size:16px}.app-top-link{padding:0 7px;font-size:11px}.mast-tools{gap:3px}.hero-copy h1{font-size:28px}.chapter-links a{min-height:90px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Magazine marginalia stays vertical on wide pages and horizontal on phones. */
@media (min-width:621px){.hero-copy{padding-top:70px}.hero-copy .kicker{writing-mode:vertical-rl;transform:rotate(180deg);position:absolute;top:62px;left:16px;margin:0;font-size:11px;max-height:266px;line-height:1.3}}
.wall-grid a:nth-child(2),.wall-grid a:nth-child(5){min-height:170px}
.badge-slot .media-empty{padding:0}.badge-slot .media-empty span{display:none}.badge-slot .media-empty b{font-size:0}.badge-slot .media-empty b:before{content:'同';font-size:29px}.badge-slot .media-empty i{display:none}