@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{color-scheme:light;font-family:Noto Sans SC,sans-serif;--bg: #f5efe6;--bg-soft: #fbf7f1;--paper: rgba(255, 251, 246, .94);--paper-strong: #fffdf9;--ink-1: #1f2a33;--ink-2: #4b5964;--ink-3: #7b8790;--line: rgba(31, 42, 51, .1);--line-strong: rgba(166, 102, 54, .2);--brand: #9b5d2e;--brand-deep: #734220;--accent: #1d6a72;--accent-soft: rgba(29, 106, 114, .08);--sand: #ead8c3;--success: #2b7a59;--danger: #b55447;--shadow-card: 0 28px 60px -38px rgba(34, 45, 54, .28), 0 18px 28px -24px rgba(34, 45, 54, .16);--shadow-soft: 0 14px 26px -18px rgba(34, 45, 54, .14), 0 4px 10px -8px rgba(34, 45, 54, .08);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink-1);background:radial-gradient(circle at top left,rgba(155,93,46,.09),transparent 22%),radial-gradient(circle at top right,rgba(29,106,114,.08),transparent 18%),linear-gradient(180deg,#fbf6ef,#f5efe6)}body,button,input,textarea{font:inherit}button{border:none}a{color:inherit}.app-shell{min-height:100vh;padding:24px}.site-header,.mobile-menu,.hero-copy,.hero-focus-card,.starter-card,.journey-card,.category-card,.category-list,.info-card,.tool-teaser-card,.guide-sidebar,.guide-search,.tutorial-article,.faq-item{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-card)}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1380px;margin:0 auto;padding:16px 20px;border-radius:999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-mark{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0;background:transparent;cursor:pointer;text-align:left;color:inherit}.brand-mark-kicker,.hero-kicker,.section-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.04em}.brand-mark-copy{display:grid;gap:2px}.brand-mark-copy strong,.desktop-nav-link span,.mobile-menu-link span,.header-summary strong,.tool-teaser-topline strong,.guide-sidebar-tool strong,.related-tool-card strong,.journey-card strong,.starter-card strong,.info-card strong,.panel-title strong{font-family:Plus Jakarta Sans,Noto Sans SC,sans-serif}.brand-mark-copy strong{font-size:1rem}.brand-mark-copy small,.desktop-nav-link small,.mobile-menu-link small,.header-summary small,.hero-focus-head span,.tool-teaser-card small,.guide-sidebar-tool small,.guide-sidebar-category small,.panel-title small{color:var(--ink-3)}.desktop-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:8px}.desktop-nav-link,.mobile-menu-link,.category-list-item,.guide-sidebar-category,.guide-sidebar-tool,.hero-focus-item,.tool-teaser-card,.category-card,.related-tool-card,.primary-btn,.secondary-btn,.inline-link-btn{cursor:pointer;color:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.desktop-nav-link,.mobile-menu-link{display:grid;gap:4px;padding:12px 16px;border-radius:18px;background:transparent;text-align:left}.desktop-nav-link.active,.mobile-menu-link.active{background:#9b5d2e14;box-shadow:inset 0 0 0 1px #9b5d2e1f}.header-actions{display:flex;align-items:center;gap:12px}.header-summary{display:grid;padding:10px 14px;border-radius:18px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #1f2a330f}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:0;border-radius:50%;background:#ffffffd6}.mobile-menu-btn span{width:18px;height:2px;margin:0 auto;border-radius:999px;background:var(--ink-1)}.mobile-menu{display:none;max-width:1380px;margin:14px auto 0;padding:16px;border-radius:24px}.mobile-menu-copy{margin-bottom:10px}.mobile-menu-copy strong{display:block;margin-bottom:4px;font-family:Plus Jakarta Sans,Noto Sans SC,sans-serif}.mobile-menu-copy p{margin:0;color:var(--ink-2);line-height:1.7}.site-main{max-width:1380px;margin:22px auto 0}.view-stack{display:grid;gap:24px}.page-intro{padding:12px 2px 4px}.page-intro.compact{padding:0}.page-intro h1,.hero-copy h1,.guide-search-copy h1,.category-intro h1{margin:14px 0 10px;font-family:Plus Jakarta Sans,Noto Sans SC,sans-serif;font-size:clamp(2rem,4vw,4.5rem);line-height:1.04;letter-spacing:-.04em}.page-intro p,.hero-copy p,.guide-search-copy p,.category-intro p,.section-heading p,.tutorial-hero p,.tutorial-section-heading p,.journey-card p,.starter-card p,.info-card li,.tool-teaser-card p,.related-tool-card p,.faq-item p,.mobile-menu-link small,.desktop-nav-link small{line-height:1.8;color:var(--ink-2)}.content-section{display:grid;gap:18px}.section-heading{display:grid;gap:8px;max-width:760px}.section-heading h2,.guide-search-copy h1,.tutorial-hero h2,.tool-grid-header strong,.journey-card strong,.panel-title strong,.faq-item summary{font-family:Plus Jakarta Sans,Noto Sans SC,sans-serif}.section-heading h2,.tutorial-hero h2{margin:0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.04em}.hero-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.86fr);gap:22px}.hero-copy,.hero-focus-card,.guide-search,.tutorial-article,.category-list,.info-card,.starter-card,.journey-card,.category-card,.tool-teaser-card,.faq-item{border-radius:var(--radius-lg)}.hero-copy,.hero-focus-card{padding:34px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.primary-btn,.secondary-btn,.inline-link-btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:13px 20px;border-radius:999px;font-weight:700}.primary-btn{background:var(--brand);color:#fff7ef;box-shadow:0 18px 30px -24px #734220b3}.secondary-btn{background:#1d6a7214;color:var(--accent);box-shadow:inset 0 0 0 1px #1d6a7224}.hero-focus-head{display:grid;gap:6px;margin-bottom:18px}.hero-focus-head strong{font-size:1.05rem}.hero-focus-list{display:grid;gap:12px}.hero-focus-item{display:grid;gap:4px;padding:16px 18px;border-radius:var(--radius-md);background:#ffffffa6;text-align:left;box-shadow:inset 0 0 0 1px #1f2a330f}.starter-grid,.journey-grid,.category-card-grid,.tool-teaser-grid,.related-tool-grid,.category-detail-grid{display:grid;gap:16px}.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.starter-card,.journey-card,.category-card,.tool-teaser-card,.related-tool-card,.info-card{padding:24px}.starter-index{display:inline-flex;width:fit-content;margin-bottom:14px;color:var(--brand);font-family:Plus Jakarta Sans,Noto Sans SC,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.06em}.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-step-list{display:grid;gap:16px;margin:18px 0 0;padding:0;list-style:none}.journey-step-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px}.journey-step-list li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#9b5d2e1a;color:var(--brand);font-weight:700}.inline-link-btn{margin-top:10px;padding:0;background:transparent;color:var(--brand);justify-content:flex-start}.category-card-grid,.tool-teaser-grid,.related-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card,.tool-teaser-card,.related-tool-card{display:grid;gap:12px;text-align:left}.category-card-topline,.tool-teaser-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.category-card-topline small,.tool-teaser-topline span{padding:6px 10px;border-radius:999px;background:#1d6a7214;color:var(--accent);font-size:.82rem;white-space:nowrap}.category-layout,.guide-layout{display:grid;gap:22px}.category-layout{grid-template-columns:280px minmax(0,1fr)}.guide-layout{grid-template-columns:330px minmax(0,1fr);align-items:start}.category-main{display:grid;gap:22px}.category-list,.guide-sidebar{position:sticky;top:104px;padding:20px}.panel-title{display:grid;gap:2px;margin-bottom:14px}.category-list-items,.guide-sidebar-group,.guide-sidebar-tools{display:grid;gap:10px}.category-list-item,.guide-sidebar-category,.guide-sidebar-tool{width:100%;padding:14px 16px;border-radius:var(--radius-md);background:#ffffffa8;text-align:left;box-shadow:inset 0 0 0 1px #1f2a330f}.category-list-item,.guide-sidebar-category{display:flex;align-items:center;justify-content:space-between}.guide-sidebar-category{background:#ead8c366}.guide-sidebar-tool{display:grid;gap:4px;margin-left:10px}.category-list-item.active,.guide-sidebar-category.active,.guide-sidebar-tool.active{background:#9b5d2e1a;box-shadow:inset 0 0 0 1px #9b5d2e29}.category-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card ul,.bullet-list{margin:14px 0 0;padding-left:18px;color:var(--ink-2)}.info-card li,.bullet-list li{margin-bottom:10px}.tool-grid-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.tool-grid-header p{margin:6px 0 0;color:var(--ink-2);line-height:1.7}.guide-search{display:grid;gap:20px;padding:28px 30px}.guide-search-bar{display:grid;gap:14px}.guide-search-bar input{width:100%;height:58px;padding:0 20px;border:1px solid rgba(31,42,51,.1);border-radius:18px;background:#ffffffe0;color:var(--ink-1);outline:none;box-shadow:inset 0 1px #ffffffa6}.guide-search-bar input:focus{border-color:#9b5d2e47;box-shadow:inset 0 1px #ffffffa6,0 0 0 4px #9b5d2e14}.scope-switch{display:inline-flex;gap:8px;width:fit-content;padding:6px;border-radius:999px;background:#1f2a330d}.scope-switch button{padding:10px 14px;border-radius:999px;background:transparent;color:var(--ink-2)}.scope-switch button.active{background:var(--paper-strong);color:var(--brand);box-shadow:var(--shadow-soft)}.tutorial-article{display:grid;gap:18px;padding:30px}.tutorial-hero{display:grid;gap:12px}.tutorial-badges{display:flex;flex-wrap:wrap;gap:10px}.tutorial-badges span{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#1d6a7214;color:var(--accent);font-size:.82rem;font-weight:700}.tutorial-section{display:grid;gap:16px;padding-top:12px;border-top:1px solid var(--line)}.tutorial-section-heading{display:grid;gap:6px}.tutorial-section-heading strong{font-size:1.06rem}.timeline{display:grid;gap:16px}.timeline-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:18px;border-radius:var(--radius-md);background:#ffffffb3;box-shadow:inset 0 0 0 1px #1f2a330f}.timeline-index{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#9b5d2e1a;color:var(--brand);font-family:Plus Jakarta Sans,Noto Sans SC,sans-serif;font-size:1.15rem;font-weight:800}.timeline-item h3{margin:0 0 6px;font-size:1rem}.timeline-item p{margin:0;color:var(--ink-2);line-height:1.8}.faq-list{display:grid;gap:14px}.faq-item{padding:22px 24px}.faq-item summary{cursor:pointer;list-style:none;font-size:1.02rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:12px 0 0}.empty-panel{display:grid;place-items:center;min-height:240px;padding:24px;border-radius:var(--radius-lg);background:var(--paper);border:1px dashed rgba(31,42,51,.16);color:var(--ink-2)}.desktop-nav-link:hover,.mobile-menu-link:hover,.category-list-item:hover,.guide-sidebar-category:hover,.guide-sidebar-tool:hover,.hero-focus-item:hover,.category-card:hover,.tool-teaser-card:hover,.related-tool-card:hover,.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}@media(max-width:1180px){.hero-panel,.guide-layout,.category-layout,.starter-grid,.journey-grid,.category-card-grid,.tool-teaser-grid,.related-tool-grid,.category-detail-grid{grid-template-columns:1fr}.category-list,.guide-sidebar{position:static}}@media(max-width:920px){.app-shell{padding:16px}.site-header{padding:14px 16px;border-radius:24px}.desktop-nav,.header-summary{display:none}.mobile-menu-btn{display:flex}.mobile-menu{display:block}.hero-copy,.hero-focus-card,.guide-search,.tutorial-article,.category-list,.info-card,.starter-card,.journey-card,.category-card,.tool-teaser-card,.faq-item{padding:22px}.page-intro h1,.hero-copy h1,.guide-search-copy h1,.category-intro h1{font-size:clamp(2rem,9vw,3.2rem)}}@media(max-width:640px){.site-main{margin-top:16px}.hero-actions{flex-direction:column;align-items:stretch}.primary-btn,.secondary-btn{width:100%}.timeline-item{grid-template-columns:42px minmax(0,1fr);padding:16px}.timeline-index{width:42px;height:42px;border-radius:14px;font-size:1rem}.category-card-topline,.tool-teaser-topline{flex-direction:column;align-items:flex-start}.scope-switch{width:100%;justify-content:space-between}.scope-switch button{flex:1}}