/* Guochao 2026: one visual language, existing artwork/identity, native accessible controls. */
:root{--brand:#245b45;--brand-dark:#173f30;--brand-soft:#edf4ee;--copper:#a65f30;--paper:#fbf6eb;--surface:#fff;--page:#f6f7f5;--ink:#24362e;--text:#40534a;--muted:#6b7b71;--line:#e1e7df;--blue:var(--brand);--green:var(--brand);--wb-blue:var(--brand);--wb-ink:var(--ink);--wb-muted:var(--muted);--wb-line:var(--line);--shadow:0 8px 28px #243b2c06;--radius:16px;color-scheme:light;font:15px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--page);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}body{background:var(--page);color:var(--ink)}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.3px}p,li,dd,a,label{overflow-wrap:anywhere}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}button{min-height:44px}a{color:var(--brand);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7fae91;outline-offset:3px}[hidden]{display:none!important}input[type=checkbox],input[type=radio],progress{accent-color:var(--brand)}button:disabled{cursor:not-allowed;opacity:.55}section[id]{scroll-margin-top:100px}::selection{background:#dcebdc;color:#153c2b}.muted{color:var(--muted)}.ui-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.eyebrow{color:#8b734e;font-size:11px;letter-spacing:1.6px;font-weight:650}.primary,.wb-primary,.site-header-action{background:var(--brand);border-color:var(--brand);color:white;border-radius:10px;box-shadow:none;font-size:14px;min-height:44px}.primary:hover,.wb-primary:hover,.site-header-action:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:white;box-shadow:0 4px 16px #245b451a}.ghost,.wb-secondary{border-color:#d9e3d8;color:var(--brand);background:#fff;border-radius:10px;min-height:44px}.ghost:hover,.wb-secondary:hover{background:var(--brand-soft);border-color:#a4bba9}.site-skip{position:fixed;top:-80px;left:16px;background:white;padding:12px;z-index:1000}.site-skip:focus{top:8px}
/* Shared navigation + footer */
.site-header{height:76px;min-height:76px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:32px;background:#fffffff5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.site-header .brand,.site-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--ink);text-decoration:none}.site-header .brand img,.site-brand img{width:42px;height:42px;object-fit:cover;border-radius:12px;border:1px solid #e9ddc9}.site-header .brand>span,.site-brand>span{font-size:19px;font-weight:750;letter-spacing:.3px;line-height:1.4}.site-header .brand small,.site-brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;font-weight:400;margin-top:3px}.site-header>nav{display:flex;align-items:center;gap:28px;height:100%;font-size:14px;flex-shrink:0}.site-header>nav a{color:#66756b;display:flex;align-items:center;min-height:44px;text-decoration:none;white-space:nowrap;position:relative}.site-header>nav a:hover,.site-header>nav a[aria-current=page],.site-header>nav .active,.site-header>nav .selected{color:var(--brand);font-weight:650}.site-header>nav a[aria-current=page]::after,.site-header>nav a.active::after{content:"";height:3px;border-radius:4px;background:var(--brand);position:absolute;bottom:0;left:0;right:0}.site-header-action{margin-left:auto;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:10px 16px;white-space:nowrap;font-size:12px;min-height:42px}.site-header .search{height:42px;width:220px;background:#f3f5f1;border-radius:10px;margin-left:auto;padding:0 12px}.site-header .search input{font-size:12px}.site-header .search:focus-within{border-color:#9bb7a3;box-shadow:0 0 0 3px #245b450c}.site-header .search kbd{color:#697663}.home-header{gap:20px}.home-header>nav{gap:20px}.home-header>.ghost,.home-header>.primary{padding:10px 12px;font-size:12px}.site-footer{max-width:none;width:100%;padding:40px max(24px,calc((100vw - 1240px)/2)) 24px;background:#fff;border-top:1px solid var(--line);margin-top:48px;display:grid;grid-template-columns:1fr 1.7fr;gap:32px;color:var(--muted);font-size:12px;text-align:left}.site-footer p{font-size:13px;line-height:1.9;margin-top:16px}.site-footer>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.site-footer nav div{display:flex;flex-direction:column;gap:8px}.site-footer nav b{font-size:13px;color:var(--ink);margin-bottom:8px}.site-footer nav a{display:block;text-decoration:none;color:var(--muted);font-size:12px;padding:4px 0;line-height:1.8}.site-footer nav a:hover{color:var(--brand)}.site-footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:11px;line-height:1.9}.site-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:0 0 24px}.site-breadcrumb a{color:var(--muted);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}.site-breadcrumb a:hover{color:var(--brand)}
/* Community front page */
.community-body .layout{max-width:1288px;padding:28px 24px 64px;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.community-body .layout>main{min-width:0}.hero.workshop-hero{min-height:330px;border:1px solid #e5ddc8;border-radius:20px;padding:38px 36px;background-image:linear-gradient(90deg,#faf3e9f2 0%,#faf3e9d9 25%,#faf3e957 51%,transparent 78%),url('/ai/assets/dragon-welcome.webp');background-size:cover;background-position:center;box-shadow:none}.hero.workshop-hero>div:first-child{width:55%}.workshop-hero h1{font-size:36px;line-height:1.4;letter-spacing:-1px;margin:0 0 16px;color:#263c31}.workshop-hero h1 span{color:#9a562c}.workshop-hero .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:14px}.workshop-hero .hero-copy{font-size:13px;line-height:1.95;color:#746e5d;max-width:100%;margin:0}.workshop-hero .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}.hero-actions a.primary{display:inline-flex;align-items:center;padding:10px 16px;text-decoration:none;font-size:13px}.hero-secondary{color:#6b654f;font-size:12px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.workshop-credit{font-size:9px;opacity:.8}.quick-start{padding:28px 0}.quick-start h2{font-size:20px;margin:0 0 16px}.quick-start>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-start>div>a{display:flex;align-items:flex-start;gap:12px;padding:20px 16px;min-height:112px;border-radius:14px;background:white;border:1px solid var(--line);text-align:left}.quick-start>div>a:hover{border-color:#aac1ad;box-shadow:var(--shadow)}.quick-start .quick-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#f0f4ed;color:var(--brand);width:36px;height:36px;border-radius:10px}.quick-icon svg{width:22px;height:22px}.quick-start>div>a:nth-child(2) .quick-icon{color:#966334;background:#faf2e6}.quick-start>div>a:nth-child(3) .quick-icon{color:#54768b;background:#eef3f7}.quick-start>div>a>span:last-child{min-width:0}.quick-start b{display:block;font-size:14px;font-weight:650;margin:0 0 6px}.quick-start small{font-size:11px;line-height:1.8;color:var(--muted);display:block}.quick-start p{font-size:12px;color:var(--muted);line-height:1.9;margin:12px 0 0}.quick-start p a{display:inline-block;padding:0;margin-left:8px;min-height:0;border:0;background:none;font-size:12px}.home-survey-link{font-size:12px;color:var(--muted);padding:12px 0}.section-heading h2{font-size:21px}.section-heading>span{font-size:11px;color:var(--muted)}#feed{border-radius:16px;overflow:clip;background:#fff;border:1px solid var(--line)}.feed-head{padding:20px 24px 0;gap:16px}.feed-head h2{font-size:21px}.feed-head h2 span{font-size:11px;color:var(--muted);margin-left:10px}.feed-tabs{gap:8px}.feed-tabs .tab{font-size:13px;color:var(--muted);padding:10px 12px;min-height:44px}.feed-tabs .tab.selected{color:var(--brand);border-color:var(--brand);background:#f3f7f0}.feed-stat{padding:0 24px;font-size:12px;color:var(--muted)}.earning-topic{margin:16px 24px;width:calc(100% - 48px);border-radius:12px;background:#f7f3e9;border:1px solid #eae1cf;color:#87643d;padding:12px 16px}.earning-topic>span{background:#fffaf0;color:#9c6a35}.earning-topic b{font-size:12px}.earning-topic small{font-size:10px;color:#697663}.post{padding:24px;border-color:var(--line);background:white}.post h2{font-size:19px;line-height:1.65;color:var(--ink);margin:12px 0 8px}.post>a>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.post-meta{font-size:11px;color:#697663;gap:8px}.mini-avatar{background:#f0f4ea;color:#697663;font-size:11px}.post-bottom{gap:12px;font-size:11px;color:#697663;flex-wrap:wrap}.post-bottom button{color:var(--muted);min-height:36px}.post-bottom button .ui-icon{width:17px;height:17px}.pill,.type-chip{background:#f2f5ee;color:#697663;font-size:10px}.load-more{font-size:13px;color:var(--brand);border-color:var(--line);border-radius:0;background:#fafbf8}.rightbar .welcome,.rightbar .rail-card,.rightbar .host{border:1px solid var(--line);box-shadow:none;border-radius:16px;margin-bottom:20px}.rightbar .welcome{padding:24px;background:linear-gradient(145deg,#f1f6eb,#faf7ed);color:var(--ink)}.welcome h2{font-size:25px;line-height:1.5;color:#365441}.welcome p:not(.eyebrow){font-size:13px;line-height:1.95;color:#697663}.welcome button{width:100%;font-size:12px;margin-top:8px}.welcome small{font-size:11px;color:#697663}.rail-card{padding:20px;background:white}.rail-card h3{font-size:15px}.rail-card a{font-size:12px;padding:12px 0}.rail-card a small{font-size:11px;color:var(--muted)}.rail-card a i{font-size:12px;background:#f2f5ed;color:#697663}.community-pulse p{font-size:12px;color:var(--muted)}.host{padding:24px;background:#fff}.host .host-avatar{width:72px;height:72px;border-radius:20px;margin-bottom:16px}.host h3{font-size:18px}.host p{font-size:12px;line-height:2;color:var(--muted)}.host span{font-size:10px;color:#697663}.rightbar footer{font-size:11px;color:#697663;line-height:1.9;padding:0 8px}.rightbar footer p{font-size:10px;color:#697663}.tool-finder,.paths-board,.column,.pledge,.challenge-board{margin-top:32px}.tool-finder{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.tool-finder>.muted{font-size:13px;line-height:1.9;color:var(--muted)}.tool-cats{gap:8px}.tool-cat{padding:12px;min-height:72px;background:#fafbf8;border:1px solid var(--line)}.tool-cat b{font-size:12px;color:#52634f}.tool-cat small{font-size:10px;color:var(--muted)}.tool-cat.selected{background:#eef4e8;border-color:#a7b99c}.tool-panel-head{color:var(--muted);font-size:12px}.tool-grid button{border-color:var(--line);background:#fff;padding:16px}.tool-grid button>b{font-size:14px}.tool-grid button>span,.tool-grid button>small{color:var(--muted);font-size:12px;line-height:1.8}.tool-grid em{font-size:11px;color:var(--brand)}.path-card{border:1px solid var(--line);background:#fff;padding:20px}.path-card h3{font-size:17px}.path-card p,.path-card li{font-size:13px;color:var(--muted);line-height:1.9}.column-grid article,.pledge,.challenge-card{border-color:var(--line);background:#fff;border-radius:14px}.column-grid p,.pledge li,.challenge-card p{color:var(--muted);font-size:13px;line-height:1.9}
/* All native tool pages */
.wb-main{max-width:1288px;padding:28px 24px 64px}.wb-hero{position:relative;overflow:hidden;min-height:280px;padding:32px 40px;border-radius:20px;border:1px solid #e9e1cf;background:var(--paper);gap:32px;align-items:center}.wb-hero>div{position:relative;z-index:1;flex:1;min-width:0}.wb-hero h1{font-size:36px;line-height:1.4;margin:12px 0 16px;color:#2e4939}.wb-hero .wb-lead{font-size:14px;line-height:1.95;max-width:520px;color:#697663}.wb-hero .wb-hero-art{width:46%;height:260px;max-width:480px;object-fit:cover;object-position:72% center;border-radius:16px;flex-shrink:0}.wb-badges{gap:8px;margin-top:20px}.wb-badges span{background:#ffffffe0;color:#697663;border:1px solid #e8e0cd;font-size:11px}.wb-shortcuts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 0;font-size:12px;color:var(--muted)}.wb-shortcuts a{padding:6px 12px;min-height:36px;background:white;border:1px solid var(--line);border-radius:20px;text-decoration:none}.wb-discover{border-color:var(--line);box-shadow:var(--shadow);border-radius:16px;padding:24px;margin-bottom:24px}.wb-discover>label{font-size:16px;margin-bottom:12px}.wb-discover #wb-search{height:52px;border-color:#cfdbcd;border-radius:12px;background:#fafcf8;font-size:14px;padding:12px 16px}.wb-filters{gap:8px;margin-top:16px}.wb-filters button{font-size:13px;border-radius:8px;background:white;color:var(--muted);border:1px solid transparent;padding:8px 14px}.wb-filters button>span{margin-left:8px;font-size:10px;opacity:.7}.wb-filters button[aria-pressed=true]{background:var(--brand-soft);border-color:#c9dccb;color:var(--brand);font-weight:650}#wb-count{font-size:12px;color:#697663;margin-top:12px}.wb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wb-card{min-height:204px;padding:24px 24px 54px;border-color:var(--line);border-radius:14px;box-shadow:none;transition:border-color .18s,box-shadow .18s,transform .18s}.wb-card:hover{border-color:#9fb8a4;box-shadow:0 8px 24px #25432c0a;transform:translateY(-2px)}.wb-icon{width:44px;min-width:44px;height:44px;padding:10px;background:#eef4ed;border-radius:12px;color:#48735b}.wb-icon svg{width:24px;height:24px}.wb-card[data-category=PDF] .wb-icon{color:#697663;background:#fcf0e9}.wb-card[data-category=图片] .wb-icon{color:#527a98;background:#edf3f8}.wb-card[data-category=开发] .wb-icon{color:#676d8c;background:#f0f1f7}.wb-card[data-category=写作] .wb-icon{color:#697663;background:#f8f4e8}.wb-tag{font-size:10px;background:transparent;color:#697663;padding:4px 0}.wb-card h2{font-size:17px;margin:16px 0 8px}.wb-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.wb-card-link{left:24px;bottom:20px;color:var(--brand);font-size:12px}.wb-note{padding:28px;border-radius:16px;background:#edf3e9;border:1px solid #e0e8d9;margin-top:32px}.wb-note p{font-size:14px;color:#697663}.wb-note h2{font-size:19px}.wb-next a{font-size:13px}.wb-breadcrumb{margin-bottom:16px;font-size:12px;color:var(--muted);gap:10px}.wb-breadcrumb a{min-height:32px}.wb-tool-intro{margin-bottom:20px}.wb-tool-intro h1{font-size:32px;line-height:1.5;margin:8px 0 10px}.wb-tool-intro .wb-lead{font-size:15px;line-height:1.9;max-width:840px}.wb-private{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px;color:#697663}.wb-workflow{display:flex;gap:32px;list-style:none;padding:0;margin:24px 0;font-size:12px;color:#697663}.wb-workflow li{display:flex;align-items:center;gap:8px}.wb-workflow b{width:24px;height:24px;border-radius:50%;background:#e9efe5;color:#5e7953;display:grid;place-items:center;font-size:11px;font-weight:600}.wb-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.wb-panel{padding:28px;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.wb-panel h2{font-size:16px;margin-bottom:18px}.wb-panel-title{margin-bottom:20px}.wb-panel-title h2{margin:0}.wb-text-button{font-size:12px}.field{font-size:13px;color:#4a6051;margin-bottom:18px;gap:8px}.field>input,.field>select,.field>textarea{border-color:#d4dfd1;border-radius:9px;min-height:46px;padding:11px 12px;color:var(--ink);font-size:13px;background:#fff}.field>textarea{line-height:1.9;font-size:14px}.field>input:hover,.field>select:hover{border-color:#a8bea7}.field input[type=color]{height:46px;padding:6px}.field textarea#wb-result{background:#f8faf6;border-color:#e1e8dc;font-size:13px;line-height:1.9}.wb-file-drop{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:28px 20px;border:1.5px dashed #c4d7c0;background:#f7faf3;border-radius:12px;min-height:196px;cursor:pointer;text-align:center}.wb-file-drop:focus-within,.wb-file-drop:hover{border-color:#6d9973;background:#f0f7eb}.wb-file-drop>.ui-icon{width:34px;height:34px;color:#697663;margin-bottom:4px}.wb-file-drop>strong{font-size:15px;color:#496240;font-weight:600}.wb-file-drop>span:not(.wb-file-cta){font-size:11px;color:#697663}.wb-file-drop .wb-file-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:8px;padding:8px 20px;min-height:40px;font-size:12px;margin-top:8px}.wb-file-drop input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;cursor:pointer}.wb-file-list{font-size:12px;background:#f8faf6;border:1px solid var(--line);border-radius:10px;padding:12px 12px 12px 32px;color:var(--muted)}.wb-file-list li{margin:4px 0}.wb-file-list button{min-height:34px;font-size:11px}.wb-actions{margin-top:20px;gap:12px}.wb-actions>.wb-primary{min-width:144px}.wb-actions>.wb-secondary{font-size:13px}.hint{font-size:11px;line-height:1.9;color:#697663}.check{min-height:44px;font-size:13px;color:var(--muted)}.check input{accent-color:var(--brand);width:18px;height:18px}.wb-output{scroll-margin-top:96px;min-height:460px}.wb-output>h2{padding-bottom:16px;border-bottom:1px solid var(--line)}#wb-status{font-size:13px;line-height:1.9;color:var(--muted);min-height:24px}#wb-status[data-error=true]{color:#a94732;background:#fff5f0;padding:12px 14px;border-radius:8px;border:1px solid #f0d7cb}.wb-result-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;color:#697663}.wb-result-empty .ui-icon{width:54px;height:54px;stroke:#b9c9b0;stroke-width:1.2;margin-bottom:8px}.wb-result-empty b{font-size:15px;color:#697663;font-weight:500}.wb-result-empty span{font-size:12px;line-height:1.9}.wb-output[data-state=ready] .wb-result-empty,.wb-output[data-state=error] .wb-result-empty{display:none}.wb-output[data-state=working] .wb-result-empty>.ui-icon{animation:work-pulse 1.5s ease-in-out infinite}.wb-output[data-state=working] .wb-result-empty>b{font-size:0}.wb-output[data-state=working] .wb-result-empty>b::after{content:"正在本地处理，请稍等";font-size:14px}.wb-stats{gap:12px}.wb-stat{padding:16px;background:#f2f6ed;border-radius:10px}.wb-stat span{font-size:11px;color:#697663}.wb-stat b{font-size:23px;color:#4f6b46}#wb-summary{font-size:12px;line-height:1.9;color:#697663}#wb-preview{border-color:var(--line);border-radius:10px;background:#f8faf5}.wb-table td{border-color:#dfe7d9;color:var(--text)}.wb-edit-toolbar{gap:8px;color:#697663}.wb-edit-toolbar select{border-color:#cbdac4}.wb-table-view input{border-color:#cfddc8;color:var(--ink)}.wb-instructions,.wb-faq,.wb-related{margin-top:36px}.wb-instructions{padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px}.wb-instructions>h2,.wb-faq>h2,.wb-related>h2{font-size:19px}.wb-instructions ol{font-size:14px;margin:0;color:var(--muted)}.wb-instructions li{padding:6px 0}.wb-faq details{border-color:var(--line);border-radius:12px;padding:12px 20px}.wb-faq summary{font-size:14px;color:#53674d;line-height:1.9}.wb-faq p{font-size:13px;line-height:1.95;color:var(--muted)}
/* Reading templates: all articles, official tool introductions, cases, resources and policies */
.public-layout{max-width:1288px;margin:0 auto;padding:28px 24px 64px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start}.public-main{min-width:0;max-width:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:clip}.public-main>.site-breadcrumb{padding:20px 36px 0;margin:0}.public-intro{padding:24px 36px 28px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fcfcf8,#fff)}.public-intro h1{font-size:32px;line-height:1.55;letter-spacing:-.6px;margin:12px 0 16px}.public-intro .eyebrow{margin:0}.public-intro .lead{font-size:15px;line-height:1.95;color:var(--muted);padding:0;border:0;margin:0}.public-content{padding:28px 36px 36px;color:var(--text);font-size:15px;line-height:2}.public-content>p:first-child{font-size:12px;color:#697663}.public-content p,.public-content li,.public-content dd{font-size:15px;line-height:2;color:#52634f}.public-content section{padding:24px 0;border-color:var(--line)}.public-content section h2{font-size:21px;line-height:1.7;margin:0 0 16px;color:var(--ink)}.public-content section:first-child{padding-top:0}.public-content section:last-child{border-bottom:0}.public-content .pre{white-space:pre-wrap;overflow-wrap:anywhere}.public-content section>a,.public-content details>a{font-size:14px;padding:8px 0;line-height:1.8;display:block;min-height:40px;color:var(--brand)}.public-content .notice{border:1px solid #eee5d0;border-left:3px solid #b6a16f;border-radius:8px;background:#fcf8ee;color:#697663;padding:16px 18px;font-size:12px;line-height:1.95}.public-content>details{border:1px solid var(--line);background:#f6f9f2;border-radius:12px;padding:16px 20px;margin:24px 0}.public-content summary{min-height:44px;cursor:pointer;color:#697663;font-size:14px}.public-content .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.public-content .cards section{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fafcf7}.public-content .cards section h2{font-size:18px}.public-content .cards p{font-size:13px;line-height:1.95;color:var(--muted)}.public-content dl{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:20px;row-gap:16px;margin:20px 0}.public-content dt{font-size:13px;margin:0;color:#697663;font-weight:500;line-height:1.95}.public-content dd{margin:0;font-size:14px}.public-content .tool-logo{width:64px;height:64px;border:1px solid var(--line);border-radius:16px;padding:10px;background:#fff;margin-bottom:24px}.public-content #case-demo{padding:20px;border:1px solid #dce6d4;background:#f8faf4;border-radius:12px}.public-content #case-demo textarea{border-color:#c9d8bf;line-height:1.8;font-size:14px}.public-content #case-result{font-size:13px;line-height:1.9;background:#f0f5e9;color:#617454;max-height:480px;overflow:auto;border:1px solid #e1e8d7}.public-content button{min-height:44px;font-size:13px}.public-content #analytics-on,.public-content #analytics-off,.public-content #case-demo button{background:var(--brand);color:#fff;border-radius:8px}.public-aside{position:sticky;top:104px;height:auto;max-height:calc(100dvh - 128px);overflow:auto;scrollbar-width:thin}.public-toc{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;margin-bottom:20px;max-height:480px;overflow:auto}.public-toc>b{font-size:14px;color:var(--ink);margin-bottom:12px}.public-toc a{padding:6px 0;color:#697663;font-size:12px;line-height:1.8;text-decoration:none;overflow-wrap:anywhere;white-space:normal}.public-toc a:hover{color:var(--brand)}.public-rail-card{padding:0 20px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.public-rail-card img{width:calc(100% + 40px);max-width:none;margin:0 -20px 20px;height:128px;object-fit:cover;object-position:70% center}.public-rail-card h2{font-size:16px;margin:0 0 12px}.public-rail-card p{font-size:12px;line-height:1.9;color:var(--muted)}.public-rail-card a{display:block;padding:8px 0;font-size:12px;line-height:1.8}.public-mobile-toc{display:none}
/* Knowledge hub and its long-content modal */
.knowledge-header .return{color:var(--brand);font-size:12px}.knowledge-body>main{max-width:1288px;padding:28px 24px 64px}.knowledge-body .intro{padding:36px 40px;min-height:260px;border-radius:20px;border-color:#e7dfcd;background:#fbf5e8}.knowledge-body .intro h1{font-size:34px;line-height:1.5;letter-spacing:-.7px}.knowledge-body .intro h1 span{color:#a76534}.knowledge-body .intro p:not(.eyebrow){font-size:14px;line-height:1.95;color:#697663;max-width:600px}.knowledge-body .intro img{width:160px;height:160px;object-fit:cover;border:5px solid #fffcf4}.knowledge-body .workspace{grid-template-columns:180px minmax(0,1fr);gap:24px;margin-top:28px}.knowledge-body .workspace>aside{top:104px}.knowledge-body #topics button{font-size:13px;padding:12px;color:#697663;min-height:44px}.knowledge-body #topics button.selected{background:#e8f0df;color:var(--brand)}.knowledge-body #topics button small{font-size:11px;color:#697663}.knowledge-body .toolbar{padding:16px;background:white;border:1px solid var(--line);border-radius:12px}.knowledge-body .toolbar input{font-size:13px}.knowledge-body .toolbar label{border-color:#dae3d3;border-radius:9px;background:#fbfcf8}.knowledge-body .tabs button{font-size:13px}.knowledge-body .tabs button.selected{background:#eef4e8;color:var(--brand)}.knowledge-body .results-head{margin:24px 0 16px}.knowledge-body .results-head h2{font-size:19px}.knowledge-body .results-head>span{font-size:12px;color:var(--muted)}.knowledge-body .article-card{padding:24px;border-color:var(--line);border-radius:14px;margin:12px 0}.knowledge-body .article-card h3{font-size:19px;color:var(--ink);margin:12px 0 8px;line-height:1.65}.knowledge-body .article-card p{font-size:14px;line-height:1.9;color:var(--muted)}.knowledge-body .meta{font-size:11px;gap:12px;color:#697663;flex-wrap:wrap}.knowledge-body .tag{font-size:10px;color:#697663;background:#f1f5eb}.knowledge-body .card-bottom{font-size:11px;color:#697663;gap:12px}.knowledge-body .tool-card{border-color:var(--line);padding:24px;border-radius:14px}.knowledge-body .tool-card h3{font-size:18px;color:var(--ink)}.knowledge-body .tool-card p{font-size:13px;line-height:1.9;color:var(--muted)}.knowledge-body .tool-card b{font-size:12px;color:#697663}.knowledge-body .tool-card .read{font-size:12px;color:var(--brand)}.knowledge-body .tool-mark{background:#fff;border:1px solid var(--line);width:48px;height:48px;padding:7px}.knowledge-body .channel-filters button,.knowledge-body #tool-filters button{min-height:36px;font-size:12px;color:#697663}.knowledge-body .channel-filters button.selected,.knowledge-body #tool-filters button.selected{background:#edf4e5;color:#537746;border-color:#c3d4b4}.knowledge-body>main>footer{font-size:12px;color:#697663}.knowledge-body>main>footer p{font-size:11px}.knowledge-body #more{font-size:13px;color:var(--brand);border-color:var(--line);border-radius:10px;min-height:46px}.knowledge-body #empty{border-color:var(--line);padding:40px}.knowledge-body #empty p{color:var(--muted);font-size:13px}.knowledge-body #empty h3{font-size:19px}#detail{padding:0;width:calc(100% - 48px);max-width:960px;border-color:var(--line);border-radius:16px;max-height:90dvh;color:var(--ink)}.detail-bar{position:sticky;top:0;z-index:3;background:#fff;padding:14px 24px;margin:0;border-bottom:1px solid var(--line);gap:12px}.detail-bar>span{font-size:12px;color:#697663}.detail-bar button{font-size:12px;min-height:40px;background:#f1f6ea;color:#697663}.detail-bar #close{min-width:44px;background:white;font-size:24px}.knowledge-body #detail-content{padding:24px 40px 40px;max-width:840px;margin:auto}.knowledge-body #detail-content h1{font-size:29px;line-height:1.6;color:var(--ink)}.knowledge-body #detail-content .lead{font-size:15px;line-height:2;color:#697663;border-color:#c9d9ba}.knowledge-body #detail-content .evidence{font-size:12px;line-height:1.95;color:#697663}.knowledge-body #detail-content section h2{font-size:21px;line-height:1.7;margin:28px 0 16px}.knowledge-body #detail-content section p{font-size:15px;line-height:2.05;color:#536a48}.knowledge-body #detail-content details{background:#f6f9f1;border-color:var(--line);padding:16px 20px}.knowledge-body #detail-content summary{font-size:13px;color:#697663;min-height:36px}.knowledge-body #detail-content details button{font-size:12px;min-height:40px}.knowledge-body #detail-content .official,.knowledge-body #detail-content .related{font-size:13px;color:#697663;line-height:1.9}.knowledge-body #detail-content .back-community{font-size:13px;line-height:1.9;background:#f1f6e9}
/* Community reader, question/member dialogs and brand entrance */
.community-body dialog:not(#launch):not(#survey-invite){border:1px solid var(--line);border-radius:16px;color:var(--ink);max-height:90dvh}dialog::backdrop{background:#18332470;backdrop-filter:blur(4px)}#reader{width:calc(100% - 48px);max-width:960px;padding:0;overflow:auto}.reader-bar{position:sticky;top:0;z-index:3;background:white;padding:14px 24px;margin:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.reader-brand{font-size:12px;color:#697663}.reader-actions{margin-left:auto;gap:8px}.reader-actions button{font-size:12px;min-height:40px;color:#697663;background:#f3f7ed;border-radius:8px;padding:8px 12px}.reader-bar>.close{position:static;width:44px;height:44px;min-width:44px;margin:0;background:white;border-radius:8px;color:#697663}.reader-bar>.close .ui-icon{width:20px;height:20px}#article{padding:28px 40px 40px;max-width:840px;margin:auto}#article h1{font-size:29px;line-height:1.65;margin:12px 0 20px}#article h2{font-size:21px;line-height:1.7;margin:28px 0 14px}#article p,#article .guide-text{font-size:15px;line-height:2.05;color:#53664a}#article>.eyebrow{font-size:11px;color:#697663}#article>.muted{font-size:12px;color:#697663}#article .article-intro{font-size:16px;color:#697663;line-height:2}.article-toc{padding:16px 20px;background:#f5f8ef;border-color:var(--line);border-radius:12px}.article-toc summary{font-size:13px;line-height:1.9;color:#697663}.toc-item{font-size:12px;color:#697663;min-height:38px}.copy-step{font-size:11px;color:#697663;background:#f3f7ed;border-color:#dce5d2}.reader-next{border-color:var(--line);background:#f5f8ef}.reader-next button{min-height:44px}.article-feedback{font-size:12px}.question-mascot{margin-bottom:24px;padding:16px;border-radius:12px;background:#f5f7ed}.question-mascot img{width:52px;height:52px;border-radius:14px}.question-mascot span{font-size:13px;color:#697663}#question{max-width:760px;padding:32px}#question>h2{font-size:25px;line-height:1.6;margin-bottom:16px}#question>.muted{font-size:13px;line-height:1.9;color:var(--muted)}#question-form label{font-size:13px;gap:8px;color:#697663;margin:16px 0}#question-form input,#question-form textarea,#question-form select{font-size:14px;padding:12px;border:1px solid #cfdcc5;border-radius:9px;color:var(--ink);background:white;line-height:1.8;min-height:46px}#question-form .muted{font-size:12px;line-height:1.9;color:#697663}#question>.close,#member>.close{position:sticky;float:right;top:0;margin:-12px -12px 0 0;background:white;z-index:2;width:44px;height:44px}#member{padding:32px;max-width:700px}#member h2{font-size:25px;line-height:1.5}#member>p{font-size:14px;line-height:1.9;color:var(--muted)}#member-content label{font-size:13px;color:#697663}#member-content p{font-size:13px;line-height:1.9;color:#697663}#member-content h3{font-size:17px;line-height:1.7;margin-top:28px}.recovery-code{background:#f1f6e7;padding:16px;line-height:1.9;color:#697663}.reply-form{padding:20px;background:#f6f9f0;border:1px solid var(--line);border-radius:12px}.reply-form textarea{font-size:14px;line-height:1.9}.answer{padding:20px 0;border-color:var(--line)}.answer.accepted{background:#f4f8ed;border-color:#8fa879}#launch .launch-content h1{color:#263d2e}#launch .launch-content h1 span{color:#9e6032}
/* Survey and first-visit invitation */
.survey-body .survey-main{max-width:880px;margin:36px auto;padding:0 24px 64px}.survey-main>h1{font-size:36px;line-height:1.4;margin:12px 0 16px;color:#35503a}.survey-lead{color:#9c6836;font-size:19px}.survey-main>p:not(.eyebrow):not(.survey-lead){font-size:13px;line-height:1.95;color:#697663}.survey-main>.muted{font-size:12px!important;color:#8d987f!important}.survey-progress{position:sticky;top:76px;z-index:4;background:#f6f7f5f5;padding:16px 0;backdrop-filter:blur(10px);font-size:12px;color:#697663}.survey-progress>span{display:block;margin-bottom:8px}.survey-progress progress{display:block;width:100%;height:5px;border:0;border-radius:9px;appearance:none;background:#e5ebdd}.survey-progress progress::-webkit-progress-bar{background:#e5ebdd;border-radius:9px}.survey-progress progress::-webkit-progress-value{background:#78916a;border-radius:9px}.survey-main fieldset{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:8px}.survey-main legend{font-size:16px;font-weight:600;color:#536747;padding:0 8px;line-height:1.7}.survey-option{padding:10px 12px;border:1px solid #edf1e8;border-radius:8px;background:#fcfdf9;font-size:13px;color:#697663;min-height:48px;line-height:1.8}.survey-option:has(input:checked){background:#edf5e5;border-color:#b6cda4;color:#476e31}.survey-option:hover{background:#f2f8eb}.survey-option input{width:18px;height:18px;accent-color:#557c3e}.survey-main textarea{grid-column:1/-1;font-size:14px;line-height:1.9;border-color:#d0ddc4;min-height:130px}.survey-consent{font-size:12px;line-height:1.9;color:#697663;padding:16px 0}.survey-actions{padding-top:8px;gap:24px}.survey-actions .primary{padding:12px 28px}.survey-actions>a{font-size:13px;color:#697663}.survey-success{background:#eef5e6;border:1px solid #dce8cd;color:#557640;padding:28px}.survey-success h2{font-size:23px}.survey-success p{font-size:14px}#survey-invite.survey-modal{border-color:#e3e8dc;border-radius:20px;color:var(--ink);box-shadow:0 28px 100px #182d2524;background:#fffefa}#survey-invite::backdrop{background:#1c352b73}.survey-modal-primary{background:var(--brand);border-color:var(--brand);color:white;border-radius:10px}.survey-modal-primary:hover{background:var(--brand-dark)}#survey-invite h2{color:#3b573d;font-size:25px}.survey-modal-kicker{color:#697663}#survey-invite-copy{color:#697663}.survey-modal-skip{border-color:#e2e9d7;color:#697663;background:#fffefa}.survey-modal-icon{border-radius:18px}.survey-modal-close{color:#697663}#survey-invite small{color:#697663}
/* Admin: predictable groups, readable tables, no private data in the unauthenticated screen */
.admin-body .admin-main{max-width:1180px;margin:32px auto;padding:0 24px 64px}.admin-main>h1{font-size:32px;line-height:1.5;margin:8px 0 12px}.admin-intro{font-size:16px;color:#697663;margin-bottom:24px}.admin-main>.muted{font-size:12px;line-height:1.9;color:#697663}.admin-main>label{display:grid;gap:8px;font-size:13px;color:#697663;max-width:560px;margin:24px 0}.admin-main #token{font-size:14px;min-height:48px;padding:12px;border:1px solid #cbd8c0;border-radius:10px;background:#fff;color:var(--ink);width:100%}.admin-main>.admin-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:24px 0}.admin-main>.admin-actions button{background:#fafcf7;color:#697663;border:1px solid #e0e8d7;font-size:13px;border-radius:8px;padding:12px}.admin-main>.admin-actions button.is-active{background:var(--brand);color:white;border-color:var(--brand)}.admin-main #msg{font-size:13px;line-height:1.9;color:#697663}.admin-main #msg:not(:empty){background:#eef4e7;border:1px solid #dde7d0;padding:12px 16px;border-radius:10px;margin:20px 0}.admin-main .admin-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin:20px 0}.admin-card h2{font-size:20px;line-height:1.6;margin-bottom:16px}.admin-card h3{font-size:16px;line-height:1.8;color:#697663;margin-top:24px}.admin-card p,.admin-card li{font-size:13px;line-height:1.95;color:#697663}.admin-card textarea,.admin-card input,.admin-card select{font-size:14px;padding:12px;border:1px solid #d3dfc7;border-radius:8px;line-height:1.9;max-width:100%}.admin-card label{font-size:13px;color:#697663}.admin-card .admin-actions{gap:12px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-grid>div{background:#f4f7ee;border:1px solid #e5ebdb;padding:20px;border-radius:12px}.metric-grid small{font-size:12px;color:#697663}.metric-grid b{font-size:30px;line-height:1.5;color:#697663}.table-scroll{border:1px solid #e3eada;border-radius:10px;overflow:auto}.table-scroll table{font-size:12px;color:#697663}.table-scroll th{background:#f4f7ee;font-weight:600;color:#697663}.table-scroll td,.table-scroll th{padding:12px;border-color:#e8eddf}
/* Responsive contracts */
@media(max-width:1200px){.home-header>nav{gap:14px}.home-header{gap:16px}.home-header .search{width:170px}.home-header .brand>span{font-size:17px}.community-body .layout{grid-template-columns:minmax(0,1fr) 250px}.quick-start>div{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-start>div>a{min-height:92px}.site-header>nav{gap:20px}.site-header{gap:24px}.wb-hero h1{font-size:32px}}
@media(max-width:1000px){.home-header{height:auto;min-height:76px;padding:12px 24px;flex-wrap:wrap;gap:12px 16px}.home-header>.brand{margin-right:auto}.home-header>nav{order:3;height:44px;width:auto;flex:1;gap:20px}.home-header>.search{order:4;width:220px;margin-left:auto}.home-header>.ghost,.home-header>.primary{order:2}.community-body .layout{grid-template-columns:1fr;gap:28px}.community-body .rightbar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rightbar>*{margin-bottom:0!important}.rightbar footer{grid-column:1/-1}.public-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.public-intro,.public-content{padding-left:28px;padding-right:28px}.public-main>.site-breadcrumb{padding-left:28px;padding-right:28px}.site-footer{grid-template-columns:1fr 2fr}.site-footer>nav{gap:20px}.wb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-body .workspace{grid-template-columns:160px minmax(0,1fr);gap:20px}.knowledge-body .toolbar input{width:170px}}
@media(max-width:900px){.site-header{padding:0 20px;gap:24px}.site-header>nav{gap:16px}.site-header-action{display:none}.public-layout{display:block;padding:24px 20px 48px}.public-aside{display:none}.public-mobile-toc{display:block;margin:20px 28px 0;background:#f6f9f0;border:1px solid var(--line);padding:12px 16px;border-radius:10px}.public-mobile-toc summary{font-size:13px;color:#697663;min-height:32px}.public-mobile-toc a{display:block;font-size:12px;line-height:1.9;padding:6px 0;color:#697663}.wb-editor{grid-template-columns:1fr}.wb-output{min-height:360px;scroll-margin-top:96px}.wb-main{padding:24px 20px 48px}.wb-panel{padding:24px}.wb-hero{padding:28px}.wb-hero h1{font-size:29px}.wb-hero .wb-hero-art{width:42%;height:230px}.wb-hero .wb-lead{font-size:13px}.site-footer{grid-template-columns:1fr}.site-footer>nav{gap:24px}.knowledge-header .brand>span{font-size:17px}.knowledge-header>nav{gap:16px}.knowledge-body .intro{padding:28px}.knowledge-body .intro h1{font-size:30px}.knowledge-body .intro img{width:128px;height:128px}.knowledge-body .intro p:not(.eyebrow){font-size:13px}.knowledge-body .workspace{display:block}.knowledge-body .workspace>aside{position:static;height:auto;max-height:none;overflow:visible;margin-bottom:20px}.knowledge-body #topics{display:flex;overflow:auto;gap:6px;scrollbar-width:thin}.knowledge-body #topics button{width:auto;flex-shrink:0;white-space:nowrap}.knowledge-body aside>p,.knowledge-body .aside-note{display:none}.knowledge-body .toolbar input{width:220px}.survey-body .survey-main{max-width:800px}.admin-main>.admin-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){:root{font-size:14px}.site-header{height:auto;min-height:72px;padding:12px 16px;gap:8px 16px;flex-wrap:wrap;align-content:center}.site-header .brand img,.site-brand img{width:36px;height:36px;border-radius:10px}.site-header .brand>span,.site-brand>span{font-size:17px}.site-header .brand small,.site-brand small{font-size:9px;letter-spacing:.5px}.site-header>nav{width:100%;height:40px;gap:24px;order:3;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;font-size:12px}.site-header>nav a{display:flex!important;min-height:40px;font-size:12px;flex-shrink:0}.site-header-action{display:none}.home-header>nav{display:none}.home-header>.search{order:4;width:100%;flex-basis:100%;height:40px;margin-top:4px}.home-header>.ghost,.home-header>.primary{min-height:40px;padding:8px;font-size:11px}.home-header>.brand{margin-right:auto;gap:8px}.home-header{gap:8px}.home-header .brand>span{font-size:16px}.home-header .brand small{font-size:8px}.site-footer{padding:28px 16px 24px;margin-top:32px;gap:24px}.site-footer>nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.site-footer nav div:last-child{grid-column:1/-1}.site-footer nav a{font-size:12px;padding:5px 0}.site-footer>small{font-size:10px;line-height:1.95}.community-body .layout{padding:16px 16px 96px;display:block}.hero.workshop-hero{min-height:312px;padding:28px 24px;border-radius:16px;background-size:auto 312px;background-position:65% center;background-image:linear-gradient(90deg,#faf3e9f2 0%,#faf3e9e3 28%,#faf3e970 60%,transparent),url('/ai/assets/dragon-welcome.webp')}.hero.workshop-hero>div:first-child{width:80%}.workshop-hero h1{font-size:28px;line-height:1.45;margin:0 0 16px}.workshop-hero .eyebrow{font-size:8px;letter-spacing:.8px;max-width:100%}.workshop-hero .hero-copy{font-size:12px;line-height:1.9}.workshop-hero .hero-actions{margin-top:20px;gap:12px}.hero-actions a.primary{padding:10px 14px;font-size:12px;min-height:44px}.hero-secondary{font-size:11px;min-height:44px}.workshop-credit{right:12px;bottom:12px;font-size:7px}.quick-start{padding:24px 0}.quick-start h2{font-size:19px;margin:0 0 16px}.quick-start>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-start>div>a{padding:16px 12px;gap:10px;min-height:102px;border-radius:12px}.quick-start .quick-icon{width:30px;height:30px;border-radius:8px}.quick-icon svg{width:19px;height:19px}.quick-start b{font-size:13px;line-height:1.8;margin-bottom:4px}.quick-start small{font-size:10px;line-height:1.85}.quick-start p{font-size:11px;line-height:1.9}.quick-start p a{font-size:11px;display:block;margin-left:0;padding:4px 0}.feed-head{padding:18px 16px 0;display:block}.feed-head h2{font-size:20px;margin-bottom:12px}.feed-head h2 span{font-size:10px}.feed-tabs{display:flex;gap:8px;width:100%;justify-content:space-between}.feed-tabs .tab{font-size:12px;padding:8px 12px;flex:1;min-height:42px}.feed-stat{padding:0 16px;font-size:11px}.earning-topic{margin:12px 16px;width:calc(100% - 32px);padding:12px;gap:8px;text-align:left}.earning-topic b{font-size:12px}.earning-topic small{font-size:10px;line-height:1.9}.post{padding:20px 16px}.post h2{font-size:18px;line-height:1.7;margin-top:12px}.post>a>p{font-size:13px;line-height:1.95}.post-meta{font-size:10px;gap:6px;flex-wrap:wrap}.post-bottom{font-size:10px;gap:8px}.post-bottom .path-pill{display:none}.post-bottom button{margin-left:auto}.community-body .rightbar{display:block;margin-top:28px}.rightbar .welcome,.rightbar .rail-card,.rightbar .host{margin-bottom:16px!important}.rightbar footer{margin-bottom:16px}.tool-finder{padding:20px 16px;margin-top:28px}.tool-finder .section-heading h2{font-size:19px}.tool-finder>.muted{font-size:12px}.tool-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-cat{padding:12px 10px;min-height:66px;gap:4px}.tool-cat .tool-cat-icon{width:24px;height:24px}.tool-cat b{font-size:12px}.tool-cat small{font-size:9px}.tool-grid button{padding:16px 12px}.tool-grid button>span,.tool-grid button>small{font-size:11px}.path-grid{grid-template-columns:1fr}.path-card{padding:20px}.column-grid{grid-template-columns:1fr;gap:12px}.column-grid article{padding:20px}.section-heading h2{font-size:19px}.pledge{padding:20px}.pledge li{font-size:12px;line-height:1.95}.mobile-nav{padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -4px 20px #25432c05;background:#fffffff5;z-index:25}.mobile-nav a,.mobile-nav button{color:#697663;min-height:44px}.mobile-nav a:first-child,.mobile-nav #mobile-ask{color:var(--brand)}.mobile-nav span{font-size:9px}.mobile-nav svg{width:21px;height:21px}.wb-main{padding:20px 16px 48px}.wb-hero{min-height:264px;padding:28px 24px;display:block;border-radius:16px;isolation:isolate}.wb-hero>div{max-width:100%}.wb-hero h1{font-size:28px;line-height:1.5;margin:12px 0 16px;max-width:85%}.wb-hero .wb-hero-art{position:absolute;right:-100px;bottom:0;width:320px;height:264px;max-width:none;z-index:-1;opacity:.24;object-position:65% center;border-radius:0}.wb-hero .wb-lead{font-size:12px;line-height:2;max-width:90%;color:#697663}.wb-badges{margin-top:20px;gap:6px}.wb-badges span{font-size:10px;padding:3px 7px}.wb-shortcuts{padding:16px 0;gap:8px}.wb-shortcuts>span{width:100%;font-size:11px;margin-bottom:2px}.wb-shortcuts a{font-size:11px;padding:6px 12px;min-height:34px}.wb-discover{padding:20px 16px;margin-bottom:16px}.wb-discover>label{font-size:15px}.wb-discover #wb-search{font-size:12px;padding:12px;height:46px}.wb-filters{gap:4px}.wb-filters button{font-size:12px;padding:8px 10px;min-height:40px}.wb-filters button>span{font-size:9px;margin-left:6px}.wb-grid{grid-template-columns:1fr;gap:12px}.wb-card{padding:20px 20px 52px;min-height:186px}.wb-card h2{font-size:17px;margin:16px 0 8px}.wb-card p{font-size:13px;line-height:1.9}.wb-icon{width:42px;height:42px;min-width:42px;padding:10px}.wb-tag{font-size:10px}.wb-card-link{left:20px;bottom:18px;font-size:12px}.wb-note{padding:24px 20px;margin-top:24px}.wb-note p{font-size:13px;line-height:1.95}.wb-next{gap:8px}.wb-next a{font-size:12px}.wb-breadcrumb{font-size:11px;gap:8px;margin-bottom:16px}.wb-tool-intro h1{font-size:26px;line-height:1.6;letter-spacing:-.5px}.wb-tool-intro .wb-lead{font-size:14px;line-height:1.95}.wb-private{font-size:11px;line-height:1.9}.wb-workflow{gap:16px;justify-content:space-between;font-size:10px;margin:20px 0}.wb-workflow li{gap:6px}.wb-workflow b{width:22px;height:22px;font-size:10px}.wb-editor{gap:20px;display:block}.wb-panel{padding:22px 20px;border-radius:14px;margin-bottom:20px}.wb-panel-title{gap:12px;margin-bottom:20px}.wb-panel h2{font-size:15px}.field{font-size:12px;margin-bottom:18px}.field>input,.field>select,.field>textarea{font-size:13px;min-height:44px}.field>textarea{font-size:14px}.wb-file-drop{padding:24px 16px;min-height:188px}.wb-file-drop>strong{font-size:14px}.wb-file-drop>span:not(.wb-file-cta){font-size:10px}.wb-file-drop .wb-file-cta{min-height:42px;font-size:12px}.wb-file-list{font-size:11px}.wb-actions{gap:10px}.wb-actions>.wb-primary{min-width:130px;font-size:13px}.wb-output{min-height:360px;scroll-margin-top:132px}.wb-result-empty{min-height:240px}.wb-result-empty>span{font-size:11px}.wb-result-empty>b{font-size:14px}#wb-status{font-size:12px}#wb-summary{font-size:11px}.wb-stat{padding:14px}.wb-stat span{font-size:10px}.wb-stat b{font-size:22px}.wb-edit-toolbar{font-size:11px;gap:8px}.wb-edit-toolbar button{font-size:11px;padding:8px}.wb-edit-toolbar select{max-width:130px;font-size:12px}.wb-instructions{padding:24px 20px;margin-top:28px}.wb-instructions>h2,.wb-faq>h2,.wb-related>h2{font-size:18px}.wb-instructions ol{font-size:13px;line-height:1.95}.wb-faq details{padding:12px 16px}.wb-faq summary{font-size:13px}.wb-faq p{font-size:12px;line-height:2}.public-layout{padding:20px 16px 48px}.public-main{border-radius:14px}.public-main>.site-breadcrumb{padding:16px 20px 0;gap:8px;font-size:11px}.public-intro{padding:20px 20px 24px}.public-intro h1{font-size:25px;line-height:1.65;margin:12px 0 16px}.public-intro .lead{font-size:14px;line-height:1.95}.public-intro .eyebrow{font-size:10px}.public-content{padding:24px 20px 28px;font-size:14px}.public-content p,.public-content li,.public-content dd{font-size:14px;line-height:2.05}.public-content>p:first-child{font-size:11px}.public-content .notice{font-size:11px;line-height:2;padding:14px}.public-content section h2{font-size:20px;line-height:1.75}.public-content section>a{font-size:13px;line-height:1.9}.public-content .cards{grid-template-columns:1fr;gap:12px}.public-content .cards section{padding:20px}.public-content .cards section h2{font-size:18px}.public-content dl{display:block;margin:20px 0}.public-content dt{font-size:12px;margin-top:20px}.public-content dd{margin-top:6px;font-size:14px}.public-content>details{padding:14px 16px}.public-content details>a{font-size:12px}.public-content summary{font-size:13px}.public-mobile-toc{margin:20px 20px 0;font-size:12px}.public-content #case-demo{padding:16px}.public-content #case-demo textarea{font-size:13px}.knowledge-body>main{padding:20px 16px 48px}.knowledge-header .brand>span{font-size:17px}.knowledge-header>nav{gap:20px;height:40px}.knowledge-header .return{display:none}.knowledge-body .intro{padding:28px 24px;min-height:260px;border-radius:16px;position:relative}.knowledge-body .intro h1{font-size:28px;line-height:1.5;max-width:84%}.knowledge-body .intro img{width:64px;height:64px;position:absolute;right:20px;top:24px;border-width:3px}.knowledge-body .intro p:not(.eyebrow){font-size:12px;line-height:2;max-width:88%;margin-top:16px}.knowledge-body .intro .eyebrow{font-size:9px;max-width:80%}.knowledge-body .workspace{margin-top:24px}.knowledge-body #topics button{padding:10px 12px;font-size:12px}.knowledge-body #topics button .ui-icon{width:18px;height:18px}.knowledge-body .toolbar{padding:14px;gap:12px;flex-wrap:wrap}.knowledge-body .tabs{width:100%}.knowledge-body .tabs button{font-size:12px;width:50%}.knowledge-body .toolbar label{width:100%;height:44px}.knowledge-body .toolbar input{width:100%;font-size:12px}.knowledge-body .article-card{padding:20px 16px;border-radius:12px}.knowledge-body .article-card h3{font-size:18px;line-height:1.7}.knowledge-body .article-card p{font-size:13px;line-height:2}.knowledge-body .meta{font-size:10px;gap:8px}.knowledge-body .card-bottom{font-size:10px;gap:8px}.knowledge-body .results-head h2{font-size:18px}.knowledge-body .results-head>span{font-size:11px}.knowledge-body .channel-filters button,.knowledge-body #tool-filters button{font-size:11px;min-height:36px}.knowledge-body .tool-card{padding:20px;border-radius:12px}.knowledge-body .tool-card p{font-size:12px;line-height:2}.knowledge-body .tool-card .read{font-size:11px}.knowledge-body .tool-grid{grid-template-columns:1fr}.knowledge-body footer{font-size:11px;padding:24px 0}.knowledge-body footer a{margin-left:12px}.knowledge-body footer p{font-size:10px;line-height:2}#detail{width:calc(100% - 16px);max-height:94dvh;border-radius:14px;padding:0}.detail-bar{padding:10px 16px;gap:8px}.detail-bar>span{font-size:10px}.detail-bar button{font-size:11px;padding:8px;min-height:40px}.detail-bar #close{min-width:40px;font-size:22px}.knowledge-body #detail-content{padding:20px 24px 32px}.knowledge-body #detail-content h1{font-size:24px;line-height:1.7}.knowledge-body #detail-content .lead{font-size:14px;line-height:2}.knowledge-body #detail-content .evidence{font-size:11px}.knowledge-body #detail-content section h2{font-size:20px}.knowledge-body #detail-content section p{font-size:14px;line-height:2.1}.knowledge-body #detail-content .related{font-size:12px}#reader{width:calc(100% - 16px);max-height:94dvh;border-radius:14px;padding:0}.reader-bar{padding:10px 16px;gap:8px}.reader-brand{font-size:10px;max-width:110px}.reader-brand>span{display:none}.reader-actions{gap:4px}.reader-actions button{font-size:10px;padding:8px;min-height:40px}.reader-bar>.close{width:40px;min-width:40px;height:40px}#article{padding:24px 24px 32px}#article h1{font-size:24px;line-height:1.7}#article h2{font-size:20px;line-height:1.75}#article p,#article .guide-text{font-size:14px;line-height:2.1}#article>.muted{font-size:11px}#article .article-intro{font-size:15px}#article .article-toc{padding:14px 16px}#article .toc-item{font-size:11px;min-height:38px}.copy-step{font-size:10px;min-height:36px}.question-mascot{padding:12px;gap:12px}.question-mascot img{width:44px;height:44px;border-radius:12px}.question-mascot span{font-size:11px;line-height:1.9}#question{width:calc(100% - 16px);padding:28px 24px;max-height:94dvh}#question>h2{font-size:22px;line-height:1.65}#question>.muted{font-size:12px}#question-form label{font-size:12px;margin:16px 0}#question-form input,#question-form select,#question-form textarea{font-size:13px;line-height:1.9;padding:12px}.question-form .muted{font-size:11px}#member{width:calc(100% - 16px);padding:28px 24px;max-height:94dvh}#member h2{font-size:23px}#member>p{font-size:13px;line-height:1.95}#member-content p{font-size:12px;line-height:2}#member-content input{font-size:13px;padding:12px}.survey-body .survey-main{margin:24px auto;padding:0 16px 48px}.survey-main>h1{font-size:32px;line-height:1.4}.survey-lead{font-size:18px;line-height:1.9}.survey-main>p:not(.eyebrow):not(.survey-lead){font-size:12px;line-height:2}.survey-main>.muted{font-size:11px!important}.survey-progress{top:72px;padding:14px 0;font-size:11px}.survey-main fieldset{grid-template-columns:1fr;padding:20px 16px;margin:24px 0;gap:8px}.survey-main legend{font-size:15px;line-height:1.8}.survey-option{font-size:12px;min-height:48px;padding:10px 12px}.survey-main textarea{font-size:13px;line-height:2}.survey-consent{font-size:11px;line-height:2}.survey-actions{gap:12px}.survey-actions .primary{width:100%;font-size:13px}.survey-actions>a{font-size:12px;min-height:44px;display:flex;align-items:center}.survey-body .survey-header{height:72px;min-height:72px;flex-wrap:nowrap}.survey-header>a:last-child{font-size:11px}.survey-header .brand>span{font-size:16px}#survey-invite.survey-modal{padding:28px 24px;border-radius:18px}#survey-invite h2{font-size:24px}.survey-modal-primary,.survey-modal-skip{font-size:13px;min-height:48px}#survey-invite-copy{font-size:13px;line-height:2}.admin-body .admin-main{margin:24px auto;padding:0 16px 48px}.admin-main>h1{font-size:28px}.admin-intro{font-size:14px;line-height:1.9}.admin-main>.muted{font-size:11px;line-height:2}.admin-main>.admin-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:10px}.admin-main>.admin-actions button{font-size:12px;padding:10px}.admin-main .admin-card{padding:20px 16px;border-radius:12px}.admin-card h2{font-size:19px}.admin-card p,.admin-card li{font-size:12px;line-height:2}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-grid>div{padding:14px}.metric-grid small{font-size:10px}.metric-grid b{font-size:26px}.table-scroll th,.table-scroll td{padding:10px;font-size:11px}.admin-header>a:last-child{font-size:12px}.admin-header{height:72px;flex-wrap:nowrap}}
@keyframes work-pulse{50%{opacity:.45;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.survey-main .survey-option{margin:0;align-self:start}.survey-main fieldset{align-content:start;grid-auto-rows:min-content}.wb-advanced{margin:16px 0 24px;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.wb-advanced summary{cursor:pointer;font-size:13px;color:var(--muted)}.wb-advanced[open] summary{margin-bottom:18px}.wb-advanced .field:last-of-type{margin-bottom:12px}
@media(max-width:600px){.hero.workshop-hero{background-image:linear-gradient(90deg,#faf3e9f5 0%,#faf3e9e0 38%,#faf3e980 68%,#faf3e915 100%),url('/ai/assets/dragon-welcome.webp')}.workshop-hero h1{font-size:29px}.survey-main .survey-option{margin:0;min-height:48px}}

.missing-page{max-width:800px;padding:72px 24px 88px;margin:auto;text-align:center}.missing-page>img{border-radius:28px;margin-bottom:24px}.missing-page h1{font-size:32px;color:var(--ink)}.missing-page>p:not(.eyebrow){color:var(--muted);line-height:2}.missing-page>div{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.missing-page .primary{display:inline-flex;align-items:center;text-decoration:none;padding:12px 24px}.missing-page>div>a{font-size:14px}@media(max-width:600px){.missing-page{padding:48px 24px 64px}.missing-page h1{font-size:25px;line-height:1.7}}

.wb-panel input[type=range],.wb-panel input[type=checkbox],.wb-panel input[type=radio]{accent-color:var(--brand)}

/* Tool identity stays in flow; previews never remove catalog entries. */
.community-body .tool-grid button{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px 12px;align-content:start;padding:20px;text-align:left;position:relative}.community-body .tool-grid button .tool-art{position:static;grid-column:1;grid-row:1;width:40px;height:40px;margin:0;display:grid;place-items:center}.community-body .tool-grid button>b{grid-column:2;grid-row:1;align-self:center;margin:0;line-height:1.5}.community-body .tool-grid button>span:not(.tool-art),.community-body .tool-grid button>small,.community-body .tool-grid button>em{grid-column:1/-1;grid-row:auto;margin:0}.community-body #tool-panels .tool-panel:not(.is-expanded) .tool-grid>button:nth-child(n+4){display:none}.tool-expand{display:block;margin:16px auto 0;padding:8px 20px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--brand);font-size:13px}.home-fold{border:1px solid var(--line);border-radius:12px;background:#fff;margin:16px 0;padding:0 20px}.home-fold>summary{cursor:pointer;min-height:60px;padding:18px 0;font-size:15px;font-weight:600;color:var(--brand)}.home-fold>section{margin:0!important;padding-top:12px!important;border:0!important}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:24px 20px;border-top:1px solid var(--line)}.page-summary{width:100%;text-align:center;font-size:12px;color:var(--muted);margin-bottom:8px}.pagination button{min-width:40px;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--brand);padding:8px 12px;font-size:13px}.pagination button[aria-current=page]{background:var(--brand);border-color:var(--brand);color:white}.pagination button:hover:not(:disabled){border-color:var(--brand)}@media(max-width:600px){.community-body .tool-grid button{padding:18px;grid-template-columns:40px minmax(0,1fr)}.pagination{padding:20px 12px;gap:6px}.pagination button{padding:8px 10px;min-width:36px}.home-fold{padding:0 16px}}

.editorial-figure{margin:24px 0 32px}.editorial-figure img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}.editorial-figure figcaption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:8px}.knowledge-body #detail-content .pre{white-space:pre-wrap}#article .guide-text.pre{white-space:pre-wrap}

.feed-categories{display:flex;gap:8px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid var(--line)}.feed-categories button{display:flex;align-items:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--muted);font-size:12px}.feed-categories button .ui-icon{width:16px;height:16px}.feed-categories button.selected{background:var(--brand-soft);border-color:#9eb693;color:var(--brand)}@media(max-width:600px){.feed-categories{padding:12px 16px;flex-wrap:nowrap;overflow-x:auto}.feed-categories button{flex-shrink:0}}

/* Shared content actions and discussion, normal flow at every viewport. */
.site-utilities{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0;font-size:12px}.site-utilities a{text-decoration:none;white-space:nowrap}.site-utilities button{border:1px solid var(--line);background:#fff;color:var(--brand);border-radius:8px;padding:8px 12px;font-size:12px}.article-social{border-top:1px solid var(--line);padding:28px 0;margin-top:28px}.social-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.social-actions button,.comment-form>button,.connect-space,#site-search>button{border:1px solid var(--brand);border-radius:8px;padding:10px 16px;background:var(--brand);color:#fff;min-height:44px}.social-actions button{background:#fff;color:var(--brand)}.social-actions button[aria-pressed=true]{background:var(--brand);color:#fff}.social-actions>a{font-size:13px}.social-status{min-height:24px;color:var(--brand)!important;font-size:13px!important}.comment-account label,.comment-form label{display:block;font-size:14px;margin:16px 0}.comment-account input,.comment-form textarea,.recovery-notice input,.share-dialog input{display:block;width:100%;padding:12px;border:1px solid #c9d6c7;border-radius:8px;margin-top:8px;font:inherit;line-height:1.8;box-sizing:border-box}.comment-form textarea{resize:vertical;min-height:128px}.comment-account details{background:#f7f9f4;border:1px solid var(--line);border-radius:8px;padding:12px 16px}.comment-account summary{cursor:pointer}.comment-account .connect-space{margin-top:12px}.comment-policy,.comment-account p{font-size:12px!important;color:var(--muted)!important;line-height:1.8!important}.comment-item{border-bottom:1px solid var(--line);padding:20px 0}.comment-item>div:first-child{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:13px}.comment-item time,.comment-item small,.comment-item>div>span{font-size:11px;color:var(--muted)}.comment-item>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px!important;line-height:1.9!important}.comment-actions{display:flex;flex-wrap:wrap;gap:12px}.comment-actions button,.reply-target button{background:#fff;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--brand);min-height:44px;padding:8px 12px}.comment-empty{padding:24px 16px;background:#f8faf5;border-radius:10px;font-size:13px!important}.recovery-notice{padding:16px;border:1px solid #dbcba7;background:#fbf6e8;border-radius:10px;overflow-wrap:anywhere}.recovery-notice p{font-size:12px!important}.recovery-notice input{font-size:11px}.share-dialog{width:min(460px,calc(100% - 32px));padding:24px;border:1px solid var(--line);border-radius:14px}.share-dialog::backdrop{background:#183b2b88}.share-dialog button{margin-top:16px;padding:8px 20px;background:var(--brand);color:#fff;border:0;border-radius:8px}#social-notice:not(:empty){position:fixed;z-index:200;bottom:76px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:12px 20px;background:#234a36;color:white;border-radius:10px;font-size:13px;line-height:1.8;box-shadow:0 4px 24px #234a3620}.search-all-link{margin:0;padding:12px 24px;font-size:12px;border-top:1px solid var(--line)}.search-all-link a{color:var(--brand)}#site-search{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;align-items:end;gap:16px;margin:0 0 24px}#site-search label{margin:0;font-size:13px}#site-search input,#site-search select{display:block;width:100%;box-sizing:border-box;min-height:46px;padding:10px 12px;border:1px solid #cbd8c8;border-radius:8px;background:#fff;font:inherit;margin-top:8px}#site-search>button{margin:0;min-height:46px}.search-results article,.saved-card{padding:20px 0;border-bottom:1px solid var(--line)}.search-results article h2,.saved-card h2{font-size:20px;margin:8px 0 12px;line-height:1.7}.search-results article small{font-size:12px;color:var(--muted)}.search-results article p,.saved-card p{font-size:14px}.saved-card button{border:1px solid var(--line);padding:8px 12px;border-radius:8px;background:#fff;color:var(--brand);font-size:12px}.recent-search{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;margin-bottom:24px}.recent-search a,.recent-search button{padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:12px;color:var(--brand)}.public-content .pagination a{padding:8px 12px;min-height:44px;border:1px solid var(--line);border-radius:8px}
@media(max-width:900px){.site-utilities{gap:12px}.unified-header{gap:16px}.unified-header>nav{gap:12px}.site-utilities>a:last-of-type{display:none}}@media(max-width:600px){.unified-header{gap:8px}.site-utilities{gap:10px;font-size:11px}.site-utilities button{padding:6px 8px;font-size:11px}.article-social{padding:20px 0;margin-top:20px}.social-actions{gap:8px}.social-actions button{font-size:12px;padding:8px 12px}.social-actions>a{font-size:12px}#article .article-social{margin-bottom:16px}#site-search{grid-template-columns:minmax(0,1fr) 110px;gap:12px}#site-search>label:first-child{grid-column:1/-1}#site-search>button{align-self:end}.search-results article h2,.saved-card h2{font-size:18px}.search-all-link{padding:12px 16px}.comment-account input,.comment-form textarea{font-size:14px}.knowledge-header>nav{overflow:auto;white-space:nowrap}}

.home-share{font-size:12px;color:var(--brand);border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 16px;margin-bottom:16px}

/* Explicit search action replaces the shortcut badge. */
.site-header.home-header .search{height:50px;width:260px;padding:2px 2px 2px 10px;gap:6px}.site-header .search input{flex:1;width:0;min-width:0}.site-header .search #search-submit{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:44px;min-width:64px;padding:0 10px;border:1px solid #24583f;border-radius:8px;background:linear-gradient(135deg,#3d7858,#245b45);color:#fff;font-size:12px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff26,0 2px 5px #245b4514;cursor:pointer}.search #search-submit svg{width:14px;height:14px;transition:transform .15s}.site-header .search #search-submit:hover{background:linear-gradient(135deg,#346d4d,#194933)}.search #search-submit:hover svg{transform:translateX(2px)}.site-header .search #search-submit:active{box-shadow:inset 0 2px 4px #143c3a24}.site-header .search #clear-search{flex-shrink:0}@media(max-width:1000px){.site-header.home-header .search{width:230px}}@media(max-width:600px){.site-header.home-header .search{width:100%;height:50px}}@media(prefers-reduced-motion:reduce){.search #search-submit svg{transition:none}}

.task-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px}.task-shortcuts a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;background:#fff;border:1px solid var(--line);border-radius:20px;font-size:12px;text-decoration:none}.task-shortcuts a:first-child{background:var(--brand-soft);font-weight:600}.recent-tools{padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:20px 0}.recent-tools>div{display:flex;justify-content:space-between;align-items:center;gap:16px}.recent-tools h2{font-size:16px;margin:0}.recent-tools button{font-size:12px;color:var(--muted);border:0;background:transparent;padding:8px}.recent-tools nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.recent-tools nav a{padding:8px 12px;border-radius:8px;background:var(--brand-soft);font-size:12px;text-decoration:none;min-height:40px}.recent-tools small{font-size:11px;color:var(--muted)}.topic-reading{padding:12px 0;border-bottom:1px solid var(--line)}.topic-reading h3{font-size:17px;line-height:1.8;margin:8px 0}.topic-reading p{font-size:13px!important}.wb-related>p a{display:inline-block;padding:8px 0;font-size:13px}@media(max-width:600px){.task-shortcuts{gap:6px}.task-shortcuts a{font-size:11px;padding:8px 12px}.recent-tools{padding:16px}.recent-tools h2{font-size:15px}.recent-tools nav a{font-size:12px}.recent-tools small{font-size:10px}}