:root{
  --ink:#172033;
  --ink-2:#334155;
  --bg:#F7F8F6;
  --bg-2:#EEF3F6;
  --surface:#FFFFFF;
  --surface-raised:#FBFCFD;
  --surface-soft:#E8F0F3;
  --navy:#18324A;
  --navy-dark:#10263A;
  --navy-deep:#0A1B2A;
  --cyan:#4FA3B6;
  --cyan-soft:rgba(79,163,182,.16);
  --coral:#E07A5F;
  --coral-soft:#F4D7CF;
  --sand:#E9E2D8;
  --slate:#708090;
  --text:#172033;
  --text-2:#526071;
  --text-3:#83909E;
  --line:#D9E1E6;
  --line-strong:#BCCAD2;
  --shadow:0 12px 30px rgba(31,50,68,.08);
  --shadow-strong:0 24px 60px rgba(24,50,74,.14);
  --radius:8px;
  --radius-card:16px;
  --radius-large:26px;
  --wrap:1380px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.72;padding-bottom:0;overflow-x:hidden}
img{display:block;max-width:100%;height:auto;object-fit:cover}
a{color:inherit;text-decoration:none}
a:hover{color:var(--navy)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid rgba(79,163,182,.55);outline-offset:3px;border-radius:6px}
.wrap{width:min(var(--wrap),calc(100% - 48px));margin:0 auto}
.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:var(--surface);padding:10px 16px;border:1px solid var(--line);box-shadow:var(--shadow)}
.skip-link:focus{top:16px}
.channel-strip{height:30px;background:var(--navy-deep);color:#f9fbfc;overflow:hidden;font-size:12px;letter-spacing:.02em}
.channel-strip-track{height:30px;display:flex;align-items:center;gap:28px;white-space:nowrap;overflow:auto;scrollbar-width:none}
.channel-strip-track::-webkit-scrollbar{display:none}
.channel-strip span{display:inline-flex;align-items:center;gap:8px}
.channel-strip i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(79,163,182,.14)}
.site-header{position:sticky;top:0;z-index:90;background:rgba(247,248,246,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{height:72px;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(220px,1fr);align-items:center;gap:20px}
.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-lockup img{width:44px;height:44px;border-radius:11px}.brand-lockup span{display:grid;min-width:0}.brand-lockup strong{font-size:19px;letter-spacing:.03em}.brand-lockup small{font-size:10px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav a{position:relative;padding:10px 12px;border-radius:9px;color:var(--ink-2);font-size:14px;font-weight:700}.desktop-nav a.active{color:var(--navy);background:var(--surface-soft)}.desktop-nav a.active:after{content:"";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:22px;height:2px;background:var(--cyan);border-radius:999px}
.header-actions{justify-self:end;display:flex;align-items:center;gap:8px}.text-action,.menu-toggle{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px;color:var(--ink-2);font-weight:700;font-size:13px}.menu-toggle{display:none}
.mobile-menu{border-top:1px solid var(--line);background:var(--surface)}.mobile-menu[hidden]{display:none!important}.mobile-menu-grid{padding:18px 0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.mobile-menu h2{font-size:13px;color:var(--text-3);margin:0 0 10px}.mobile-menu a{display:block;padding:6px 0;font-weight:700}
.search-modal{display:none;position:fixed;inset:0;z-index:140;background:rgba(10,27,42,.62);padding:20px;align-items:flex-start;justify-content:center}
.search-modal.is-open{display:flex}
.search-modal[hidden]{display:none !important}
body.search-open{overflow:hidden}
.search-dialog{position:relative;width:min(760px,100%);margin-top:9vh;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-large);box-shadow:var(--shadow-strong);padding:32px}.search-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface-raised);font-size:26px;line-height:1}.search-dialog h2{font-size:clamp(28px,4vw,48px);margin:4px 0 18px}.search-dialog label{display:block;margin-bottom:8px;font-weight:700}.search-input-row{display:flex;gap:10px}.search-input-row input{flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:12px;padding:14px 16px;background:var(--bg)}.search-input-row button{border:0;border-radius:12px;background:var(--navy);color:#fff;padding:0 22px;font-weight:800}.search-suggestions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.search-suggestions a{background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px}
main{min-height:65vh}.section{padding:72px 0}.section-tight{padding:44px 0}.section-soft{background:var(--bg-2)}.section-dark{background:var(--navy-deep);color:#f6fafc}.section-coral{background:linear-gradient(135deg,var(--coral-soft),#fff)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{margin:0;font-size:clamp(28px,4vw,52px);line-height:1.05;letter-spacing:-.03em}.section-head p{max-width:680px;color:var(--text-2);margin:0}.section-dark .section-head p{color:#c8d8e3}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);font-size:12px;font-weight:900}
.media-frame{margin:0;overflow:hidden;border-radius:var(--radius-card);background:var(--surface-soft);border:1px solid var(--line);box-shadow:var(--shadow)}.media-frame img{width:100%;aspect-ratio:16/9}.media-frame figcaption{padding:10px 12px;color:var(--text-2);font-size:12px;background:rgba(255,255,255,.93)}.media-frame.portrait img{aspect-ratio:3/4}.media-frame.vertical img{aspect-ratio:9/16}.media-frame.wide img{aspect-ratio:21/9}.media-frame.square img{aspect-ratio:1/1}.media-frame.no-caption figcaption{display:none}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card-grid.two{grid-template-columns:repeat(2,1fr)}.video-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow);min-width:0}.video-card .media-frame{border:0;border-radius:0;box-shadow:none}.video-card .media-frame figcaption{display:none}.card-body{padding:18px}.card-body h3{font-size:20px;line-height:1.35;margin:10px 0}.card-body p{color:var(--text-2);margin:0 0 14px}.card-kicker{display:flex;gap:8px;flex-wrap:wrap}.card-meta{display:flex;justify-content:space-between;gap:16px;color:var(--text-3);font-size:12px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;border:1px solid var(--line);background:var(--surface-soft)}.badge-quality{background:var(--cyan-soft);color:var(--navy)}.badge-status{background:var(--coral-soft);color:#753425}
.hero-editorial{padding:64px 0 84px;background:linear-gradient(180deg,#fff 0%,var(--bg) 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:42px;align-items:center}.hero-copy h1{font-size:clamp(44px,7vw,92px);line-height:.98;letter-spacing:-.055em;margin:8px 0 22px;max-width:780px}.hero-copy>p{font-size:18px;color:var(--text-2);max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;border:1px solid var(--line-strong);font-weight:900;background:var(--surface);color:var(--navy)}.button.primary{background:var(--navy);border-color:var(--navy);color:#fff}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row a,.tag-row span{border-radius:999px;background:var(--surface-soft);padding:6px 10px;font-size:12px;border:1px solid var(--line)}
.data-nav{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.data-nav a,.data-nav div{padding:18px;border-right:1px solid var(--line)}.data-nav>*:last-child{border-right:0}.data-nav strong{display:block;font-size:24px;color:var(--navy)}
.directory-list{border-top:2px solid var(--navy)}.directory-row{display:grid;grid-template-columns:72px minmax(200px,1.15fr) .8fr 2fr 100px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.directory-rank{font-size:32px;font-weight:900;color:var(--navy)}.directory-row p{margin:0;color:var(--text-2)}
.timeline{position:relative;margin-left:10px;padding-left:30px;border-left:1px solid var(--line-strong)}.timeline article{position:relative;padding:0 0 30px}.timeline article:before{content:"";position:absolute;left:-36px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px var(--coral-soft)}.timeline time{font-size:12px;color:var(--text-3)}
.collage{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:repeat(2,minmax(240px,1fr));gap:16px}.collage>*:first-child{grid-row:1/3}.collage .media-frame,.collage .media-frame img{height:100%}
.rail-shell{position:relative}.content-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,32vw);gap:16px;overflow:auto;padding-bottom:12px;scroll-snap-type:x proximity}.content-rail>*{scroll-snap-align:start}.rail-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.rail-controls button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface)}
.editorial-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.editorial-stack{display:grid;gap:18px}.portrait-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:start}.portrait-wall article:nth-child(even){margin-top:44px}.widescreen-banner{position:relative;overflow:hidden;border-radius:var(--radius-large);background:var(--navy-deep);color:#fff}.widescreen-banner .media-frame{border:0;border-radius:0}.widescreen-banner .media-frame figcaption{display:none}.widescreen-copy{position:absolute;left:0;right:0;bottom:0;padding:60px 34px 28px;background:linear-gradient(transparent,rgba(10,27,42,.88))}.progress-board{display:grid;gap:10px}.progress-row{display:grid;grid-template-columns:1.3fr 1fr 80px;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:14px 16px;border-radius:12px}.progress-bar{height:8px;background:var(--surface-soft);border-radius:99px;overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--coral))}
.magazine-spread{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:start}.magazine-note{padding:28px;border-left:5px solid var(--navy);background:var(--surface);border-radius:0 var(--radius-card) var(--radius-card) 0}.creator-rail{display:flex;gap:14px;overflow:auto}.creator-card{min-width:210px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px}.creator-card img{width:68px;height:68px;border-radius:50%;object-fit:cover;margin-bottom:12px}
.steps-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.step-card{background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:var(--radius-card)}.step-card strong{display:block;font-size:32px;color:var(--cyan)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:24px}.dual-ranking{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rank-list{counter-reset:rank;list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.rank-list li{display:grid;grid-template-columns:42px 1fr auto;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.rank-list li:last-child{border-bottom:0}.rank-list .num{font-weight:900;color:var(--navy)}
.week-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.day-card{min-height:190px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:16px}.day-card strong{display:block;color:var(--coral);margin-bottom:12px}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.topic-card{position:relative}.keyword-map{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.keyword-map a{font-size:clamp(14px,2.3vw,28px);font-weight:900;padding:10px 16px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.comment-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.comment{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px}.comment blockquote{margin:0;color:var(--text-2)}.submission-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;background:var(--navy);color:#fff;border-radius:var(--radius-large);padding:38px}.submission-panel p{color:#d7e4eb}.devices-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}.devices-stage .media-frame:nth-child(2){transform:translateY(-28px)}.local-state-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:24px}.local-state-list{display:grid;gap:10px}.local-state-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.safety-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.principle-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}
.faq-list{display:grid;gap:10px}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.faq-item button{display:flex;justify-content:space-between;gap:18px;width:100%;text-align:left;border:0;background:transparent;padding:16px 18px;font-weight:800;color:var(--text)}.faq-answer{padding:0 18px 18px;color:var(--text-2)}.faq-answer[hidden]{display:none!important}
.breadcrumb{padding:18px 0}.breadcrumb ol{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0;color:var(--text-3);font-size:13px}.breadcrumb li:not(:last-child):after{content:"/";margin-left:8px}.page-hero{padding:50px 0 36px}.page-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.02;margin:10px 0 18px;letter-spacing:-.045em}.page-hero p{max-width:780px;color:var(--text-2);font-size:17px}.page-hero.dark{background:var(--navy-deep);color:#fff}.page-hero.dark p{color:#c7d7e3}.split-hero{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:stretch}.split-hero>div{min-width:0}.compact-headlines{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px}.compact-headlines ol{margin:0;padding-left:28px}.compact-headlines li{padding:10px 0;border-bottom:1px solid var(--line)}
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;padding:14px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);margin:18px 0}.filter-bar select,.filter-bar input{border:1px solid var(--line-strong);border-radius:9px;padding:8px 10px;background:#fff}.filter-bar button{border:0;background:var(--navy);color:#fff;border-radius:9px;padding:8px 14px}.pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:28px 0}.pagination a,.pagination span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.pagination .current{background:var(--navy);color:#fff;border-color:var(--navy)}
.three-column-workbench{display:grid;grid-template-columns:220px minmax(0,1fr) 280px;gap:20px}.sidebar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px;align-self:start;position:sticky;top:118px}.sidebar a{display:block;padding:8px 0;border-bottom:1px solid var(--line)}.feed{display:grid;gap:14px}.feed-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px}.window-stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-large);padding:18px;box-shadow:var(--shadow)}.window-toolbar{display:flex;gap:8px;padding:0 0 12px}.window-toolbar span{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.parameter-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.parameter-matrix div{background:var(--surface);border:1px solid var(--line);padding:18px;border-radius:var(--radius-card)}.app-stage{background:radial-gradient(circle at 50% 10%,rgba(79,163,182,.25),transparent 34%),var(--navy-deep);padding:60px 0;color:#fff}.app-stage-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:20px;align-items:center}.device-card{background:#fff;border-radius:30px;padding:12px;box-shadow:var(--shadow-strong)}.device-card img{border-radius:22px;aspect-ratio:9/16}.app-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,28vw);gap:16px;overflow:auto;padding-bottom:12px}.feature-split{display:grid;grid-template-columns:2fr 1fr;gap:24px}.feature-list{display:grid;gap:12px}.feature-list article{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}
.detail-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px}.detail-main{min-width:0}.detail-main h1{font-size:clamp(38px,5vw,64px);line-height:1.03}.detail-aside{align-self:start;position:sticky;top:118px}.meta-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.meta-list div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px}.article-copy{max-width:850px;font-size:17px}.article-copy p{margin:0 0 1.2em}.favorite-button,.follow-button{border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:10px 14px;font-weight:800}
.site-footer{background:linear-gradient(180deg,var(--bg-2),#fff);margin-top:70px}.footer-top-line{height:3px;background:var(--navy)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:36px;padding:52px 0}.site-footer section h2{font-size:16px}.site-footer section>a{display:block;padding:5px 0;color:var(--text-2)}.footer-brand h2{font-size:28px;margin:4px 0}.footer-brand p{max-width:520px;color:var(--text-2)}.footer-tags{display:flex;gap:8px;flex-wrap:wrap}.footer-tags a,.footer-tags span{padding:5px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:12px}.footer-notice{border-top:1px solid var(--line);padding:20px 0 34px;color:var(--text-2);font-size:13px}.mobile-bottom-nav{display:none}.back-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);z-index:70;opacity:0;pointer-events:none;transition:.2s}.back-top.visible{opacity:1;pointer-events:auto}
@media (max-width:1200px){.header-inner{grid-template-columns:1fr auto}.desktop-nav{display:none}.menu-toggle{display:inline-flex}.header-actions{grid-column:2}.card-grid.four{grid-template-columns:repeat(3,1fr)}.steps-grid{grid-template-columns:repeat(4,1fr)}.week-calendar{grid-template-columns:repeat(4,1fr)}.three-column-workbench{grid-template-columns:190px minmax(0,1fr)}.three-column-workbench>.sidebar:last-child{grid-column:1/-1;position:static}.portrait-wall{grid-template-columns:repeat(4,1fr)}}
@media (max-width:992px){.wrap{width:min(var(--wrap),calc(100% - 32px))}.hero-grid,.split-hero,.magazine-spread,.submission-panel,.feature-split,.detail-shell{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(46px,11vw,78px)}.card-grid,.card-grid.four{grid-template-columns:repeat(2,1fr)}.data-nav{grid-template-columns:repeat(2,1fr)}.data-nav>*:nth-child(2){border-right:0}.data-nav>*:nth-child(-n+2){border-bottom:1px solid var(--line)}.collage{grid-template-columns:1fr 1fr;grid-template-rows:auto}.collage>*:first-child{grid-row:auto;grid-column:1/-1}.portrait-wall{grid-template-columns:repeat(3,1fr)}.steps-grid{grid-template-columns:repeat(3,1fr)}.week-calendar{grid-template-columns:repeat(3,1fr)}.comment-flow{grid-template-columns:repeat(2,1fr)}.three-column-workbench{grid-template-columns:1fr}.sidebar{position:static}.app-stage-grid{grid-template-columns:1fr 1fr}.app-stage-grid>*:first-child{grid-column:1/-1}.footer-grid{grid-template-columns:repeat(2,1fr)}.detail-aside{position:static}.directory-row{grid-template-columns:60px minmax(0,1fr) 120px}.directory-row>*:nth-child(4){grid-column:2/4}.directory-row>*:nth-child(5){display:none}}
@media (max-width:768px){body{padding-bottom:74px}.channel-strip{height:28px}.channel-strip-track{height:28px}.site-header{top:0}.header-inner{height:64px}.brand-lockup small{display:none}.header-actions .text-action:nth-child(2){display:none}.mobile-menu-grid{grid-template-columns:repeat(2,1fr)}.section{padding:52px 0}.section-head{align-items:flex-start;flex-direction:column}.card-grid,.card-grid.four,.card-grid.two{grid-template-columns:1fr}.content-rail{grid-auto-columns:minmax(82vw,1fr)}.portrait-wall{grid-template-columns:repeat(2,1fr)}.portrait-wall article:nth-child(even){margin-top:24px}.editorial-grid,.compare-grid,.dual-ranking,.topic-grid,.safety-panel{grid-template-columns:1fr}.steps-grid,.week-calendar{grid-template-columns:repeat(2,1fr)}.comment-flow{grid-template-columns:1fr}.devices-stage{grid-template-columns:1fr}.devices-stage .media-frame:nth-child(2){transform:none}.search-dialog{padding:26px 18px;margin-top:5vh}.search-input-row{flex-direction:column}.search-input-row button{padding:12px}.app-stage-grid{grid-template-columns:1fr}.app-track{grid-auto-columns:minmax(78vw,1fr)}.footer-grid{grid-template-columns:1fr}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;min-height:62px;font-size:11px;font-weight:800;color:var(--text-2)}.back-top{bottom:86px}.parameter-matrix{grid-template-columns:1fr 1fr}.footer-notice{padding-bottom:90px}}
@media (max-width:520px){.wrap{width:min(var(--wrap),calc(100% - 24px))}.header-actions{gap:4px}.text-action,.menu-toggle{padding:7px 9px}.mobile-menu-grid{grid-template-columns:1fr}.data-nav{grid-template-columns:1fr}.data-nav>*{border-right:0!important;border-bottom:1px solid var(--line)}.data-nav>*:last-child{border-bottom:0}.hero-editorial{padding-top:38px}.hero-copy h1{font-size:43px}.hero-grid{gap:24px}.steps-grid,.week-calendar,.parameter-matrix{grid-template-columns:1fr}.directory-row{grid-template-columns:42px 1fr}.directory-row>*:nth-child(3){display:none}.directory-row>*:nth-child(4){grid-column:2}.collage{grid-template-columns:1fr}.collage>*:first-child{grid-column:auto}.app-track{grid-auto-columns:88vw}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}