:root{
  --primary:#E9573F;--primary-2:#F2764F;--primary-light:#F8B39E;--primary-soft:#FFF0E9;
  --purple:#805A78;--purple-soft:#F4EDF2;--navy:#24201F;--navy-2:#191615;--navy-3:#100E0D;
  --bg:#F7F3EC;--bg-2:#EEE8DE;--bg-3:#FCFAF6;--surface:#FFFFFF;--surface-dark:#292321;--surface-dark-2:#39302C;
  --text:#241F1D;--text-2:#675E59;--text-3:#9A8F87;--line:rgba(70,52,45,.10);--line-strong:rgba(233,87,63,.26);
  --shadow:0 6px 24px rgba(63,42,34,.08);--shadow-hover:0 16px 38px rgba(63,42,34,.15);--radius:10px;--radius-card:14px;--radius-large:20px;--wrap:1320px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.45rem,5vw,5.7rem)}h2{font-size:clamp(1.55rem,2.5vw,2.75rem)}h3{font-size:1.08rem}.wrap,.section-shell{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.section-shell{margin-top:72px;margin-bottom:72px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:var(--navy);color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}.eyebrow{margin:0 0 12px;color:var(--primary);font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow.purple{color:var(--purple)}.lead{font-size:1.08rem;color:var(--text-2);max-width:66ch}.pill{display:inline-flex;padding:4px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.76rem;font-weight:800}.text-link,.inline-links a,.focus-main a,.focus-small a,.horizontal-cards a,.tutorial-row a,.result-list a{color:var(--primary);font-weight:800}.text-link:hover,.inline-links a:hover{color:var(--primary-2)}
.daily-brief{min-height:30px;background:var(--navy);color:rgba(255,255,255,.76);font-size:.78rem}.brief-inner{min-height:30px;display:flex;align-items:center;gap:16px;white-space:nowrap;overflow:hidden}.brief-inner strong{color:var(--primary-light)}.site-header{position:sticky;top:0;z-index:100;background:rgba(247,243,236,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(70,52,45,.10);transition:.2s}.site-header.scrolled{background:rgba(255,252,247,.97);box-shadow:0 4px 20px rgba(63,42,34,.06)}.header-inner{height:68px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:1.12rem}.brand img{width:34px;height:34px;object-fit:contain;border-radius:9px}.desktop-nav{display:flex;align-items:center;gap:3px;flex:1}.desktop-nav a{position:relative;padding:20px 9px;color:var(--text-2);font-size:.91rem;font-weight:700}.desktop-nav a:hover,.desktop-nav a.active{color:var(--primary)}.desktop-nav a.active:after{content:"";position:absolute;left:25%;right:25%;bottom:10px;height:2px;background:var(--primary);border-radius:99px}.header-actions{display:flex;align-items:center;gap:7px}.icon-btn,.mini-link{border:1px solid var(--line);background:rgba(255,255,255,.55);padding:7px 10px;border-radius:9px;color:var(--text-2);cursor:pointer;font-size:.82rem}.icon-btn:hover,.mini-link:hover{border-color:var(--line-strong);color:var(--primary)}.drawer[hidden]{display:none!important}.drawer{position:fixed;z-index:180;right:20px;top:108px;width:min(520px,calc(100% - 40px));background:var(--surface);box-shadow:var(--shadow-hover);border:1px solid var(--line);border-radius:var(--radius-large);padding:22px}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.drawer-head button{border:0;background:var(--bg-2);padding:7px 11px;border-radius:8px}.drawer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.drawer-grid a{padding:10px;border-radius:9px;background:var(--bg-3);border:1px solid var(--line)}
.search-modal{display:none;position:fixed;inset:0;z-index:300;align-items:flex-start;justify-content:center;padding:10vh 20px 20px;background:rgba(16,14,13,.68);backdrop-filter:blur(8px)}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none !important;pointer-events:none!important}body.search-open{overflow:hidden}.search-dialog{width:min(780px,100%);background:var(--bg-3);border-radius:var(--radius-large);padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.dialog-head{display:flex;justify-content:space-between;gap:20px}.dialog-head h2{margin-bottom:18px}.dialog-head button{align-self:flex-start;border:1px solid var(--line);background:var(--surface);padding:8px 12px;border-radius:8px;cursor:pointer}.search-form{display:flex;gap:10px}.search-form input{flex:1;min-width:0;border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px 15px;outline:none}.search-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.hot-search{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;color:var(--text-2)}.hot-search a{padding:4px 8px;background:var(--bg-2);border-radius:999px;font-size:.82rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border-radius:10px;border:1px solid transparent;font-weight:800;cursor:pointer}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-2)}.btn.dark{background:var(--navy);color:#fff}.btn.ghost{border-color:var(--line-strong);background:rgba(255,255,255,.35)}.btn.light{background:#fff;color:var(--navy)}.purple-btn{background:var(--purple);color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.magazine-hero{display:grid;grid-template-columns:4fr 5fr 3fr;gap:24px;align-items:stretch;margin-top:32px;padding:38px;border-radius:26px;background:linear-gradient(135deg,#F7F3EC 0%,#FFF0E9 58%,#EEE8DE 100%);border:1px solid var(--line)}.hero-copy{display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-size:clamp(2.4rem,4.4vw,5rem);margin-bottom:20px}.hero-media{position:relative;min-height:500px;border-radius:var(--radius-large);overflow:hidden;background:var(--bg-2)}.hero-media img{width:100%;height:100%;object-fit:cover}.image-note{position:absolute;left:16px;bottom:16px;background:rgba(25,22,21,.82);color:#fff;padding:8px 10px;border-radius:8px;font-size:.75rem}.hero-focus{display:grid;gap:10px}.hero-focus article{display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:rgba(255,255,255,.68)}.hero-focus article span{font-weight:900;color:var(--primary)}.hero-focus article a{margin-top:auto;color:var(--primary);font-weight:800}.hero-search{display:flex;margin-top:22px;border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.hero-search input{flex:1;min-width:0;border:0;padding:12px 13px;outline:none}.hero-search button{border:0;background:var(--navy);color:#fff;padding:0 14px;cursor:pointer}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2{margin-bottom:0}.section-head p:last-child{color:var(--text-2)}.compact-strip{display:flex;gap:24px;align-items:center;padding:20px 0;border-block:1px solid var(--line)}.compact-strip>div:first-child{min-width:250px}.tag-wall{display:flex;flex-wrap:wrap;gap:8px}.tag-wall a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg-3);font-weight:700;font-size:.86rem}.tag-wall a:hover{border-color:var(--primary);color:var(--primary)}
.focus-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.focus-grid>.section-head{grid-column:1/-1}.focus-main{display:grid;grid-template-rows:290px auto;border-radius:var(--radius-large);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.focus-main img{width:100%;height:100%;object-fit:cover}.focus-main>div{padding:24px}.focus-small{display:grid;grid-template-columns:1fr 1fr;gap:12px}.focus-small article{padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--bg-3)}.focus-small article>span{color:var(--primary);font-weight:800;font-size:.78rem}.feature-banner{display:grid;grid-template-columns:1fr 1.25fr;gap:0;overflow:hidden;background:var(--navy);color:#fff;border-radius:var(--radius-large)}.feature-banner img{width:100%;height:100%;min-height:330px;object-fit:cover}.feature-banner>div{padding:40px;align-self:center}.feature-banner p{color:rgba(255,255,255,.72)}
.timeline-section{max-width:1000px}.timeline{border-left:2px solid var(--primary-light);margin-left:74px}.timeline article{position:relative;display:grid;grid-template-columns:100px 1fr;gap:20px;margin-left:-76px;padding:0 0 26px}.timeline time{font-weight:900;color:var(--primary)}.timeline article>div{padding:18px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.horizontal-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,32%);gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.horizontal-cards article{scroll-snap-align:start;padding:20px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line)}.horizontal-cards img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:16px}.dual-rank{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dual-rank>div{padding:30px;border-radius:var(--radius-large);background:var(--bg-2)}.dual-rank>div:nth-child(2){background:var(--navy);color:#fff}.dual-rank ol{padding-left:20px}.dual-rank li{padding:11px 0;border-bottom:1px solid rgba(127,100,87,.14)}
.masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(140px,auto);gap:12px}.masonry article{padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.masonry .tall{grid-row:span 2}.masonry .tall img{height:260px;width:100%;object-fit:cover;border-radius:10px;margin-bottom:14px}.masonry .wide{grid-column:span 2}.masonry .accent{background:var(--primary);color:#fff}.story-split,.quote-feature,.case-preview,.safety-section,.app-preview,.about-home,.ai-lab{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.story-split img,.quote-feature>img,.case-preview>img,.safety-section>img,.about-home>img{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius-large)}.quote-feature{grid-template-columns:.8fr 1fr 1fr}.quote-feature blockquote{margin:0;font-size:1.25rem}.quote-feature blockquote footer{font-size:.8rem;color:var(--text-2)}.ranking,.category-nav,.tutorial-board,.learning-route,.quick-tips,.workflow-preview,.creator-notes,.community-section,.weekly-picks,.faq-preview{padding-top:8px}.rank-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.rank-list li{display:flex;gap:14px;align-items:center;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.rank-list>li>span{font-size:1.3rem;font-weight:900;color:var(--primary)}.rank-list li div{display:flex;flex-direction:column}.rank-list li b{font-size:.72rem;color:var(--text-3)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category-chip{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--bg-3)}.category-chip span{font-weight:900}.category-chip small{color:var(--text-2)}
.editorial-pick{display:grid;grid-template-columns:.45fr 1.5fr;gap:30px;align-items:center;padding:44px;background:var(--primary-soft);border-radius:var(--radius-large)}.editorial-number{font-size:clamp(7rem,18vw,14rem);line-height:.75;font-weight:950;color:var(--primary);opacity:.13}.process-track{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.process-track article{padding:16px;border-top:3px solid var(--primary);background:var(--surface);border-radius:0 0 10px 10px}.process-track span{color:var(--primary);font-weight:900}.process-track p{font-size:.86rem;color:var(--text-2)}.beginner{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:start}.step-stack{display:grid;gap:7px}.step-stack a{display:flex;gap:15px;padding:12px 14px;border:1px solid var(--line);background:var(--surface);border-radius:9px}.step-stack b{color:var(--primary)}.split-cards,.number-cards,.notes-grid,.comment-grid,.pick-list,.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.split-cards article,.number-cards article,.notes-grid article,.comment-grid article,.pick-list article,.tip-grid article{padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.number-cards{grid-template-columns:repeat(5,1fr)}.number-cards article>b{color:var(--primary);font-size:1.5rem}.dark-band{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding:44px;background:var(--navy);color:#fff;border-radius:var(--radius-large)}.dark-band p{color:rgba(255,255,255,.7)}.mini-list{display:grid;gap:8px}.mini-list a{padding:11px 13px;border-radius:9px;background:rgba(255,255,255,.08)}.ai-lab{padding:36px;border-radius:var(--radius-large);background:var(--purple-soft)}.ai-lab img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-large)}.safety-note{padding:12px 14px;border-left:3px solid var(--primary);background:rgba(255,255,255,.55);border-radius:0 8px 8px 0;color:var(--text-2)}
.tutorial-list{display:grid;gap:8px}.tutorial-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:18px;padding:14px 18px;border:1px solid var(--line);background:var(--surface);border-radius:11px}.tutorial-row .rank{font-size:1.35rem;font-weight:950;color:var(--primary)}.tutorial-row h3,.tutorial-row p{margin-bottom:4px}.learning-route ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.learning-route li a{display:flex;flex-direction:column;gap:8px;min-height:120px;padding:14px;background:var(--surface);border-top:3px solid var(--primary);border-radius:0 0 9px 9px}.learning-route li span{color:var(--primary);font-weight:900}.tip-grid{grid-template-columns:repeat(3,1fr)}.sound-color{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sound-panel,.color-panel{padding:32px;border-radius:var(--radius-large);background:var(--bg-2)}.color-panel{background:var(--navy);color:#fff}.workflow-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.workflow-tabs article{padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.checklist{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;padding:36px;border:1px solid var(--line);border-radius:var(--radius-large);background:var(--bg-3)}.checklist ul{margin:0;columns:2;column-gap:30px}.checklist li{break-inside:avoid;padding:7px 0}.inline-links{display:flex;flex-wrap:wrap;gap:12px}.discussion-meta{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:var(--text-3);font-size:.82rem}.like-btn{border:1px solid var(--line);background:var(--bg-3);padding:6px 9px;border-radius:999px;cursor:pointer}.like-btn[aria-pressed="true"]{border-color:var(--primary);color:var(--primary)}.device-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.device-pair img{width:100%;height:420px;object-fit:cover;border-radius:var(--radius-large)}
.page-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;margin-top:34px;padding:36px;border:1px solid var(--line);border-radius:var(--radius-large);background:linear-gradient(135deg,var(--bg-3),var(--primary-soft))}.page-hero img{width:100%;height:380px;object-fit:cover;border-radius:var(--radius-card)}.page-hero h1{font-size:clamp(2.5rem,5vw,5.2rem);margin-bottom:18px}.content-module{display:grid;grid-template-columns:110px 1fr;gap:24px;max-width:1020px;padding:26px 0;border-top:1px solid var(--line)}.content-module:nth-of-type(even){max-width:1120px}.module-index{font-size:2.8rem;font-weight:950;color:var(--primary-light);line-height:1}.content-module p:not(.eyebrow){color:var(--text-2);max-width:78ch}.filter-panel{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:26px;background:var(--bg-2);border-radius:var(--radius-large)}.filter-panel form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filter-panel label{display:grid;gap:5px;font-size:.8rem;font-weight:800}.filter-panel select{min-width:140px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.practice-lab,.safety-note-section,.editorial-next{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px;border-radius:var(--radius-large);background:var(--bg-2)}.safety-note-section{background:var(--navy);color:#fff}.safety-note-section p{color:rgba(255,255,255,.72)}.direction-grid .split-cards{grid-template-columns:repeat(3,1fr)}.level-guide .number-cards{grid-template-columns:repeat(5,1fr)}.community-board .comment-grid{grid-template-columns:repeat(2,1fr)}.search-page{max-width:900px}.page-search{margin-top:20px}.search-summary{color:var(--text-2);margin-top:12px}.result-list{display:grid;gap:10px}.result-list article{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.empty-state{text-align:center;padding:36px!important}.faq-list{display:grid;gap:8px}.faq-item{border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}.faq-item h2,.faq-item h3{margin:0;font-size:1rem}.faq-toggle{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;padding:16px 18px;border:0;background:transparent;color:var(--text);font-weight:800;cursor:pointer}.faq-answer{padding:0 18px 18px;color:var(--text-2)}.faq-answer[hidden]{display:none}.tag-wall-section{padding:26px;background:var(--bg-2);border-radius:var(--radius-large)}
.site-footer{margin-top:96px;padding:56px 0 24px;background:linear-gradient(135deg,#292321,#100E0D);color:rgba(255,255,255,.72);border-top:1px solid rgba(233,87,63,.28)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.footer-grid h2{font-size:1rem;color:#fff}.footer-grid>div{display:flex;flex-direction:column;gap:7px}.footer-grid a:hover{color:var(--primary-light)}.footer-brand{color:#fff;margin-bottom:10px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem}.mobile-bar{display:none}.back-top{position:fixed;right:20px;bottom:22px;z-index:90;width:42px;height:42px;border:0;border-radius:50%;background:var(--primary);color:#fff;box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.back-top.visible{opacity:1;pointer-events:auto;transform:none}.reveal{transition:opacity .45s ease,transform .45s ease}.reveal:not(.in-view){opacity:.01;transform:translateY(12px)}
:focus-visible{outline:3px solid var(--primary-light);outline-offset:3px}
@media (max-width:1200px){.desktop-nav a{padding-inline:6px;font-size:.84rem}.mini-link{display:none}.magazine-hero{grid-template-columns:1fr 1.25fr}.hero-focus{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.process-track{grid-template-columns:repeat(4,1fr)}.number-cards{grid-template-columns:repeat(3,1fr)}.learning-route ol{grid-template-columns:repeat(4,1fr)}}
@media (max-width:1024px){.desktop-nav{display:none}.header-actions{margin-left:auto}.masonry,.category-grid{grid-template-columns:repeat(2,1fr)}.workflow-tabs{grid-template-columns:repeat(2,1fr)}.quote-feature{grid-template-columns:1fr 1fr}.quote-feature blockquote{grid-column:1/-1}.footer-grid{grid-template-columns:1.2fr repeat(3,1fr)}.process-track{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.magazine-hero,.focus-grid,.feature-banner,.story-split,.case-preview,.safety-section,.app-preview,.about-home,.ai-lab,.page-hero,.dark-band,.beginner,.checklist{grid-template-columns:1fr}.hero-media{min-height:380px}.focus-small{grid-template-columns:1fr 1fr}.dual-rank,.sound-color{grid-template-columns:1fr}.quote-feature{grid-template-columns:1fr}.split-cards,.notes-grid,.comment-grid,.pick-list,.tip-grid{grid-template-columns:1fr 1fr}.number-cards{grid-template-columns:repeat(2,1fr)}.process-track{grid-template-columns:repeat(2,1fr)}.learning-route ol{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.filter-panel{align-items:flex-start;flex-direction:column}}
@media (max-width:768px){body{padding-bottom:68px}.wrap,.section-shell{width:min(calc(100% - 28px),var(--wrap))}.section-shell{margin-top:52px;margin-bottom:52px}.brief-inner span{overflow:hidden;text-overflow:ellipsis}.header-inner{height:62px}.header-actions .mini-link{display:none}.magazine-hero{padding:22px;margin-top:18px}.hero-focus{grid-template-columns:1fr}.hero-media{min-height:300px;order:-1}.focus-small{grid-template-columns:1fr}.horizontal-cards{grid-auto-columns:82%}.masonry{grid-template-columns:1fr 1fr}.masonry .wide{grid-column:1/-1}.category-grid{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start;flex-direction:column;gap:8px}.compact-strip{align-items:flex-start;flex-direction:column}.rank-list{grid-template-columns:1fr}.editorial-pick{grid-template-columns:1fr;padding:28px}.editorial-number{display:none}.workflow-tabs{grid-template-columns:1fr}.tutorial-row{grid-template-columns:45px 1fr}.tutorial-row>.text-link{grid-column:2}.learning-route ol{grid-template-columns:1fr 1fr}.checklist ul{columns:1}.device-pair img{height:320px}.page-hero{padding:22px}.page-hero img{height:280px;order:-1}.content-module{grid-template-columns:60px 1fr}.module-index{font-size:2rem}.practice-lab,.safety-note-section,.editorial-next{align-items:flex-start;flex-direction:column}.community-board .comment-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bar{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);z-index:150;left:0;right:0;bottom:0;background:rgba(255,252,247,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bar a{text-align:center;padding:12px 4px;font-size:.76rem;font-weight:800;color:var(--text-2)}.back-top{bottom:78px}.drawer{top:92px}.search-modal{padding-top:7vh}}
@media (max-width:600px){h1{font-size:2.6rem}.magazine-hero{border-radius:18px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{text-align:center}.search-form,.hero-search{flex-direction:column;background:transparent;border:0;overflow:visible}.hero-search input,.hero-search button{min-height:44px;border-radius:9px}.hero-search input{border:1px solid var(--line)}.search-form .btn{width:100%}.masonry,.category-grid,.split-cards,.number-cards,.notes-grid,.comment-grid,.pick-list,.tip-grid,.level-guide .number-cards,.direction-grid .split-cards{grid-template-columns:1fr}.masonry .wide{grid-column:auto}.process-track{grid-template-columns:1fr}.learning-route ol{grid-template-columns:1fr}.quote-feature{display:block}.quote-feature>*{margin-bottom:20px}.tutorial-row{grid-template-columns:38px 1fr;padding:12px}.dual-rank>div{padding:22px}.drawer-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.dialog-head{align-items:flex-start}.search-dialog{padding:20px}.timeline{margin-left:0;border-left:0}.timeline article{grid-template-columns:1fr;margin-left:0}.timeline time{margin-bottom:-12px}.device-pair{grid-template-columns:1fr}.device-pair img{height:280px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal:not(.in-view){opacity:1;transform:none}}
.tutorial-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tutorial-mini-grid a{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.tutorial-mini-grid b{color:var(--primary);font-size:1.25rem}.tutorial-mini-grid span{display:flex;flex-direction:column}.tutorial-mini-grid small{color:var(--text-2)}
@media (max-width:600px){.tutorial-mini-grid{grid-template-columns:1fr}}
.tutorial-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.tutorial-tabs button,.switch-links a{border:1px solid var(--line);background:var(--bg-3);color:var(--text-2);padding:7px 11px;border-radius:999px;cursor:pointer;font-weight:800}.tutorial-tabs button.active,.switch-links a.active{background:var(--primary);border-color:var(--primary);color:#fff}.switch-strip{margin-top:20px;margin-bottom:20px}.switch-links{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.switch-links a{white-space:nowrap}.learning-route li.is-current a{box-shadow:0 0 0 2px var(--primary-light);background:var(--primary-soft)}.app-device-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;padding:28px;background:var(--bg-2);border-radius:var(--radius-large)}.app-device-showcase img{width:100%;max-height:520px;object-fit:contain;border-radius:var(--radius-card)}
@media (max-width:768px){.app-device-showcase{grid-template-columns:1fr}.switch-links{width:100%}}