@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');

:root{--ink:#1d2433;--ink-soft:#536078;--muted:#8993a6;--paper:#f5f7fb;--surface:#fff;--line:#e5e9f1;--blue:#5573ff;--blue-dark:#3f59d7;--violet:#7768e8;--mint:#62bea8;--peach:#f3b18f;--yellow:#e8bd62;--shadow:0 16px 38px rgba(30,42,76,.08);--radius:18px;--rail:238px;--max:1500px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope','Noto Sans SC',system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{color:inherit}a{text-decoration:none}button{border:0;background:none;cursor:pointer}.site-header{height:78px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.header-inner{height:100%;max-width:var(--max);margin:auto;padding:0 32px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;min-width:178px}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eef1ff;border:1px solid #dce2ff}.brand-mark img{width:20px;height:20px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:16px;letter-spacing:.02em}.brand-copy small{font:500 8px 'DM Mono',monospace;letter-spacing:.14em;color:var(--muted);margin-top:5px}.header-note{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:12px;flex:1}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(98,190,168,.14)}.primary-nav{display:flex;align-items:center;gap:30px;font-size:13px;color:var(--ink-soft)}.primary-nav a{padding:29px 0 26px;border-bottom:2px solid transparent}.primary-nav a.active,.primary-nav a:hover{color:var(--ink);border-bottom-color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.submit-button{font-size:12px;color:#fff;background:var(--ink);padding:11px 15px;border-radius:10px;box-shadow:0 6px 14px rgba(29,36,51,.14)}.submit-button span{margin-left:7px;color:#b9c3ff}.mobile-menu{display:none;width:35px;height:35px;border:1px solid var(--line);border-radius:10px}.mobile-menu span{height:1.5px;width:15px;background:var(--ink);display:block;margin:3px auto}.app-shell{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:calc(100vh - 78px)}.side-rail{padding:34px 20px 26px 32px;border-right:1px solid var(--line);position:sticky;top:78px;height:calc(100vh - 78px);display:flex;flex-direction:column}.rail-heading{display:flex;justify-content:space-between;align-items:center;font:600 10px 'DM Mono',monospace;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding:0 10px 12px}.rail-count{font-size:9px;color:#b6bfce}.rail-nav{display:grid;gap:3px}.rail-link,.category-link{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;color:var(--ink-soft);font-size:12px;text-align:left}.rail-link:hover,.rail-link.active{background:#ebefff;color:var(--blue-dark);font-weight:700}.rail-icon{width:19px;display:inline-grid;place-items:center;color:#9ca7b9;font-size:16px;line-height:1}.rail-link.active .rail-icon{color:var(--blue)}.compass{font-size:18px}.categories-heading{margin-top:31px}.category-nav{gap:1px}.category-link{width:100%;background:transparent;justify-content:flex-start}.category-link:hover,.category-link.is-selected{color:var(--ink);background:rgba(255,255,255,.78)}.category-link b{font:400 10px 'DM Mono',monospace;color:#b0bac8;margin-left:auto}.category-swatch{width:7px;height:7px;border-radius:50%;background:#c8ceda}.category-swatch.all{background:var(--blue)}.category-swatch.lilac{background:#9a8bea}.category-swatch.coral{background:#f09b81}.category-swatch.yellow{background:#e9bf68}.category-swatch.mint{background:#65c0a7}.category-swatch.sky{background:#78b8e7}.category-swatch.blue{background:#657df0}.category-swatch.pink{background:#dc9cbf}.rail-more{font-size:11px;color:var(--blue);padding:12px 10px;margin-top:4px}.rail-more span{margin-left:8px}.rail-footer{margin-top:auto}.rail-mini-card{padding:13px 12px;border:1px solid #e1e5f7;background:#f0f2ff;border-radius:13px;display:flex;gap:9px;align-items:flex-start}.mini-spark{color:var(--violet);font-size:16px}.rail-mini-card div{display:flex;flex-direction:column;gap:4px;flex:1}.rail-mini-card strong{font-size:11px}.rail-mini-card small{font-size:10px;line-height:1.5;color:var(--ink-soft)}.arrow{font-size:13px;color:var(--violet)}.rail-meta{display:flex;justify-content:space-between;color:#a4adbc;font:400 9px 'DM Mono',monospace;margin:18px 2px 0}.workspace{padding:31px 32px 80px;min-width:0}.hero-panel{min-height:350px;border-radius:var(--radius);background:#e9edff;border:1px solid #dce2ff;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);overflow:hidden;position:relative}.hero-copy{padding:44px 44px 38px;position:relative;z-index:2}.eyebrow,.section-kicker{font:500 10px 'DM Mono',monospace;color:#7180b8;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-line{width:22px;height:1px;background:#8795ec}.hero-copy h1{font-size:clamp(32px,3.4vw,56px);line-height:1.08;letter-spacing:-.055em;margin:18px 0 15px;font-weight:800}.hero-copy h1 em{font-style:normal;color:var(--blue-dark)}.hero-copy p{max-width:460px;color:#66718a;font-size:14px;line-height:1.8;margin:0}.search-box{height:56px;max-width:570px;background:#fff;border:1px solid #d9def5;border-radius:13px;display:flex;align-items:center;gap:12px;padding:0 10px 0 17px;box-shadow:0 12px 27px rgba(77,95,177,.11);margin-top:26px}.search-box svg{width:19px;fill:none;stroke:#8b95aa;stroke-width:1.7;stroke-linecap:round}.search-box input{border:0;outline:0;min-width:0;flex:1;color:var(--ink);font-size:13px;background:transparent}.search-box input::placeholder{color:#9ba4b4}.search-box kbd{border:1px solid #e0e4ed;border-radius:5px;padding:3px 7px;color:#9ea8b6;font:11px 'DM Mono',monospace}.search-box button{color:#fff;background:var(--blue);font-size:12px;border-radius:8px;padding:10px 14px}.search-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px;color:#7d88a2;font-size:11px}.search-suggestions button{font-size:11px;color:#5a6889;border:1px solid #d3daf9;background:rgba(255,255,255,.52);border-radius:20px;padding:5px 9px}.search-suggestions button:hover{background:#fff;color:var(--blue-dark)}.hero-orbit{position:relative;min-height:300px;overflow:hidden}.orbit-ring{position:absolute;border:1px solid rgba(117,128,232,.22);border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-16deg)}.ring-one{width:330px;height:188px}.ring-two{width:250px;height:250px;transform:translate(-50%,-50%) rotate(36deg)}.orbit-core{position:absolute;width:108px;height:108px;left:50%;top:51%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.92);box-shadow:0 18px 35px rgba(91,105,203,.16);display:grid;place-items:center;align-content:center;gap:6px}.core-star{font-size:31px;color:var(--blue)}.orbit-core small{font:500 8px 'DM Mono',monospace;letter-spacing:.16em;color:#8490c5}.float-label{position:absolute;color:#7f8bd0;font:500 9px 'DM Mono',monospace;letter-spacing:.1em}.label-one{left:21%;top:28%}.label-two{right:11%;bottom:25%}.orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px rgba(85,115,255,.1)}.dot-one{left:24%;top:63%}.dot-two{right:19%;top:29%;background:var(--mint);box-shadow:0 0 0 6px rgba(98,190,168,.11)}.dot-three{right:31%;bottom:17%;width:5px;height:5px;background:var(--peach);box-shadow:none}.signal-grid{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(285px,.77fr);gap:18px;margin-top:18px}.spotlight-card,.trend-card,.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.spotlight-card{padding:22px 24px 19px;min-height:210px}.spotlight-top,.spotlight-bottom,.card-heading,.tool-card-top,.tool-meta{display:flex;align-items:center;justify-content:space-between}.section-kicker{color:#98a3b6}.bookmark,.card-save{font-size:20px;color:#a7b0be;line-height:1}.bookmark:hover,.card-save:hover{color:var(--blue)}.spotlight-main{display:flex;align-items:center;gap:17px;margin-top:19px}.spotlight-icon{width:58px;height:58px;border:1px solid var(--line);background:#f7f8fc;border-radius:15px;display:grid;place-items:center}.spotlight-icon img{width:36px;height:36px}.spotlight-main h2{font-size:21px;letter-spacing:-.035em;margin:0 0 5px}.spotlight-main p{font-size:12px;color:var(--ink-soft);margin:0}.spotlight-tags{display:flex;gap:6px;margin-top:11px}.spotlight-tags span{font-size:10px;padding:4px 8px;background:#f4f5fb;color:#75809c;border-radius:5px}.spotlight-bottom{border-top:1px solid #eef0f5;margin-top:20px;padding-top:14px;color:#9aa5b4;font-size:10px}.spotlight-bottom b{color:var(--ink);font-size:12px}.spotlight-bottom a{font-size:11px;color:var(--blue)}.spotlight-bottom a span{margin-left:5px}.trend-card{padding:22px 22px 17px}.card-heading{align-items:flex-start}.card-heading h2{margin:8px 0 0;font-size:19px;letter-spacing:-.03em}.trend-period{background:#f4f5f9;border-radius:5px;padding:5px 7px;font:10px 'DM Mono',monospace;color:#8d98aa}.trend-list{list-style:none;padding:0;margin:18px 0 11px;display:grid;gap:13px}.trend-list li{display:grid;grid-template-columns:25px 28px 1fr auto;gap:8px;align-items:center}.trend-rank{font:500 10px 'DM Mono',monospace;color:#adb5c4}.trend-list img{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;padding:5px}.trend-list li div{display:flex;flex-direction:column;gap:2px}.trend-list strong{font-size:11px}.trend-list small{font-size:9px;color:#9aa4b4}.trend-up{font:500 10px 'DM Mono',monospace;color:var(--mint)}.text-link{font-size:11px;color:var(--blue);white-space:nowrap}.text-link span{margin-left:6px}.tools-section,.workflow-section,.updates-section{margin-top:47px}.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.section-heading-row h2{font-size:23px;letter-spacing:-.045em;margin:8px 0 0}.tools-toolbar{display:flex;align-items:center;justify-content:space-between;margin:22px 0 15px}.segmented{display:flex;gap:4px;background:#e9edf4;border-radius:9px;padding:4px}.segmented button{font-size:11px;color:#7b8799;padding:7px 12px;border-radius:6px}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 5px rgba(53,65,91,.08);font-weight:700}.view-note{font:10px 'DM Mono',monospace;color:#9aa4b4;display:flex;align-items:center;gap:7px}.view-dot{width:5px;height:5px;background:var(--mint);border-radius:50%}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-card{min-height:190px;padding:18px 18px 15px;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tool-card:hover{transform:translateY(-3px);border-color:#cad4ff;box-shadow:0 14px 26px rgba(48,65,126,.1)}.tool-card.is-hidden{display:none}.tool-card-top{align-items:flex-start}.tool-logo{width:42px;height:42px;border-radius:12px;background:#f7f8fb;border:1px solid var(--line);display:grid;place-items:center}.tool-logo img{width:25px;height:25px}.logo-letter{font-weight:800;font-size:21px;color:#c28b63;background:#fbf1e8}.card-save{font-size:18px}.tool-card h3{font-size:15px;margin:20px 0 7px;letter-spacing:-.025em}.tool-card p{color:#7d8799;font-size:11px;line-height:1.65;min-height:37px;margin:0}.tool-meta{border-top:1px solid #eff1f5;margin-top:15px;padding-top:11px;color:#a2aab7;font-size:10px}.rating{color:#d9ad59;font:10px 'DM Mono',monospace}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.workflow-card{min-height:170px;border-radius:var(--radius);padding:20px 20px 18px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid transparent;transition:transform .18s ease}.workflow-card:hover{transform:translateY(-3px)}.workflow-lavender{background:#eeeaff;border-color:#e2dcff}.workflow-peach{background:#fff0e8;border-color:#f9dfd1}.workflow-mint{background:#e4f5f0;border-color:#d2eee6}.workflow-number{font:500 10px 'DM Mono',monospace;color:#8f87cc}.workflow-card h3{font-size:18px;margin:18px 0 6px}.workflow-card p{color:#677184;font-size:11px;line-height:1.75;margin:0;max-width:230px}.workflow-arrow{align-self:flex-end;font-size:19px;color:#7a72c1}.workflow-peach .workflow-number,.workflow-peach .workflow-arrow{color:#bc8166}.workflow-mint .workflow-number,.workflow-mint .workflow-arrow{color:#4a9e89}.updates-list{border-top:1px solid var(--line);margin-top:18px}.update-row{display:grid;grid-template-columns:55px 52px 1fr 20px;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:17px 6px;color:var(--ink-soft);font-size:12px}.update-row:hover strong{color:var(--blue-dark)}.update-row time{font:10px 'DM Mono',monospace;color:#a5aeba}.update-type{font-size:9px;padding:4px 7px;border-radius:4px;text-align:center}.type-tool{background:#e9edff;color:#6472d3}.type-plan{background:#e6f6f0;color:#4b9e87}.type-note{background:#fff1e7;color:#bd846a}.update-row strong{font-size:12px;font-weight:600}.update-arrow{justify-self:end;color:#aab3c0}.site-footer{max-width:var(--max);margin:auto;padding:0 32px 36px 302px;display:flex;justify-content:space-between;color:#a7afbc;font:9px 'DM Mono',monospace;letter-spacing:.05em}
@media (max-width:1100px){:root{--rail:205px}.header-inner{padding:0 22px}.workspace{padding:25px 22px 70px}.side-rail{padding-left:20px}.hero-copy{padding:38px 30px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding-left:248px}}
@media (max-width:780px){.site-header{height:65px}.header-inner{padding:0 17px;gap:12px}.brand{min-width:0}.brand-copy small,.header-note,.primary-nav,.submit-button{display:none}.header-actions{margin-left:auto}.mobile-menu{display:block}.app-shell{display:block;min-height:0}.side-rail{position:static;height:auto;padding:14px 17px;border-right:0;border-bottom:1px solid var(--line);display:block;overflow:hidden}.rail-heading{padding:0 0 8px}.rail-nav{display:flex;overflow-x:auto;gap:5px}.rail-link{flex:0 0 auto;padding:8px 10px;background:#f0f2f7;font-size:11px}.rail-link.active{background:#e9edff}.categories-heading,.category-nav,.rail-more,.rail-footer{display:none}.workspace{padding:17px 17px 55px}.hero-panel{display:block;min-height:0}.hero-copy{padding:29px 22px 26px}.hero-copy h1{font-size:37px}.hero-copy p{font-size:13px}.search-box{height:52px;margin-top:22px}.search-box kbd{display:none}.search-box button{padding:9px 11px}.hero-orbit{height:165px;min-height:165px}.orbit-ring{top:47%;transform:translate(-50%,-50%) rotate(-16deg) scale(.72)}.orbit-core{top:47%;transform:translate(-50%,-50%) scale(.72)}.label-one{left:19%;top:15%}.label-two{right:18%;bottom:13%}.signal-grid{grid-template-columns:1fr;gap:12px}.spotlight-card{min-height:0}.trend-card{display:none}.tools-section,.workflow-section,.updates-section{margin-top:37px}.section-heading-row h2{font-size:20px}.section-heading-row .text-link{font-size:10px}.tools-toolbar{margin-top:17px}.segmented button{padding:7px 8px;font-size:10px}.view-note{font-size:9px}.tool-grid{grid-template-columns:1fr 1fr;gap:9px}.tool-card{min-height:182px;padding:14px}.tool-card h3{margin-top:15px}.workflow-grid{grid-template-columns:1fr;gap:9px}.workflow-card{min-height:132px;padding:16px}.workflow-card h3{margin-top:11px}.update-row{grid-template-columns:45px 45px 1fr 15px;gap:7px;padding:14px 2px}.update-row strong{font-size:11px;line-height:1.5}.site-footer{padding:0 17px 25px;display:block;line-height:1.8}.site-footer span:last-child{display:block}}
@media (max-width:420px){.hero-copy h1{font-size:32px}.tool-grid{grid-template-columns:1fr}.spotlight-main{align-items:flex-start}.spotlight-main p{max-width:210px}.spotlight-bottom{align-items:flex-start;gap:15px;line-height:1.6}.spotlight-bottom a{white-space:nowrap}}

/* v2 category directory: dense, scannable tool rows inspired by AI directory navigation. */
.tools-section--intro{margin-top:18px}.tools-section--intro .tools-toolbar{margin-bottom:0}.tools-catalog{margin-top:47px}.category-sections{display:grid;gap:46px}
.category-block{scroll-margin-top:98px}
.category-block.is-empty{display:none}
.category-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.category-section-heading>div:first-child{display:flex;align-items:flex-start;gap:11px}
.category-section-heading h3{font-size:20px;letter-spacing:-.04em;margin:8px 0 0}
.category-marker{display:block;width:8px;height:8px;border-radius:50%;margin-top:7px;box-shadow:0 0 0 5px rgba(85,115,255,.08)}
.category-marker.lilac{background:#9a8bea}.category-marker.coral{background:#f09b81}.category-marker.yellow{background:#e9bf68}.category-marker.mint{background:#65c0a7}.category-marker.sky{background:#78b8e7}.category-marker.blue{background:#657df0}.category-marker.pink{background:#dc9cbf}.category-marker.indigo{background:#6e78d8}
.compact-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.compact-tool-grid .tool-card{min-height:76px;height:76px;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;overflow:hidden;border-radius:12px;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.compact-tool-grid .tool-card:hover{transform:translateY(-2px);border-color:#cbd4ff;box-shadow:0 10px 20px rgba(48,65,126,.1)}
.tool-card-main{min-width:0;display:flex;align-items:center;gap:10px;padding:11px 9px 11px 12px}
.tool-card-main:hover strong{color:var(--blue-dark)}
.compact-tool-grid .tool-logo{flex:0 0 34px;width:34px;height:34px;border-radius:10px}
.compact-tool-grid .tool-logo img{width:21px;height:21px}
.compact-tool-grid .logo-letter{font-size:15px}
.tool-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.tool-copy-title{min-width:0;display:flex;align-items:center;gap:9px}
.tool-copy strong{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tool-copy small{display:block;color:#8993a4;font-size:9px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tool-health-indicator{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;cursor:help}
.tool-card{position:relative}
.tool-health-indicator--pending-verification{background:#8993a1;box-shadow:0 0 0 3px rgba(137,147,161,.12)}
.tool-health-indicator--fail{background:#d86672;box-shadow:0 0 0 3px rgba(216,102,114,.14)}
.tool-copy-title strong{min-width:0;flex:0 1 auto}
.tool-card-title{display:flex;align-items:center;gap:10px;min-width:0}
.tool-card-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compact-tool-grid .tool-open,.content-tool-grid .tool-open{position:relative;z-index:2}
.compact-tool-grid .tool-card:hover .tool-open,.compact-tool-grid .tool-card:focus-within .tool-open,.content-tool-grid .tool-card:hover .tool-open,.content-tool-grid .tool-card:focus-within .tool-open{background:#f4f6ff}
.tool-open{width:36px;display:grid;place-items:center;color:var(--blue);border-left:1px solid transparent;opacity:0;transform:translateX(5px);transition:opacity .18s ease,transform .18s ease,background .18s ease}
.tool-open svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tool-card:hover .tool-open,.tool-card:focus-within .tool-open{opacity:1;transform:translateX(0);border-left-color:#edf0f7;background:#f4f6ff}
@media (max-width:1100px){.compact-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:780px){.tools-section--intro{margin-top:18px}.tools-catalog{margin-top:37px}.category-sections{gap:35px}.category-section-heading{margin-bottom:12px}.category-section-heading h3{font-size:18px}.compact-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-tool-grid .tool-card{height:70px;min-height:70px}.tool-card-main{gap:8px;padding:9px}.compact-tool-grid .tool-logo{flex-basis:30px;width:30px;height:30px}.compact-tool-grid .tool-logo img{width:18px;height:18px}.tool-copy strong{font-size:10px}.tool-copy small{font-size:8px}.tool-open{width:31px;opacity:1;transform:none;border-left-color:#edf0f7;background:#f4f6ff}.tools-toolbar{position:sticky;top:65px;z-index:3;background:var(--paper);padding:7px 0;margin-left:-2px;margin-right:-2px}.category-block{scroll-margin-top:128px}}
@media (max-width:420px){.compact-tool-grid{grid-template-columns:1fr}.compact-tool-grid .tool-card{height:66px;min-height:66px}}
.category-swatch.indigo{background:#6e78d8}

/* v2 directory and detail pages. */
.directory-page-body{background:var(--paper)}
.directory-page{max-width:var(--max);margin:0 auto;padding:34px 32px 86px}
.breadcrumb{display:flex;align-items:center;gap:9px;color:#9aa5b5;font:10px 'DM Mono',monospace;margin-bottom:25px}
.breadcrumb a{color:var(--blue)}
.directory-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:28px 30px;background:#e9edff;border:1px solid #dce2ff;border-radius:var(--radius);margin-bottom:27px}
.directory-hero-copy{display:flex;align-items:flex-start;gap:13px}
.directory-hero-copy .category-marker{margin-top:8px;flex:0 0 auto}
.directory-hero h1{font-size:38px;letter-spacing:-.055em;margin:10px 0 9px}
.directory-hero p{color:#66718a;font-size:13px;line-height:1.7;margin:0;max-width:580px}
.directory-hero-meta{display:flex;align-items:baseline;gap:7px;color:#7b87a2;font-size:11px;white-space:nowrap}
.directory-hero-meta strong{font:700 27px 'DM Mono',monospace;color:var(--blue-dark)}
.directory-hero-meta a{margin-left:18px;color:var(--blue);font-size:11px}
.directory-hero-meta a span{margin-left:5px}
.directory-toolbar{display:flex;justify-content:space-between;align-items:center;color:#98a3b4;font:10px 'DM Mono',monospace;margin:0 2px 14px}
.directory-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.directory-tool-grid--aitool .tool-card{min-height:88px;height:88px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 5px 15px rgba(30,42,76,.035)}
.directory-tool-grid--aitool .tool-card-main{gap:12px;padding:13px 11px 13px 13px}
.directory-tool-grid--aitool .tool-logo{flex-basis:42px;width:42px;height:42px;border-radius:12px;background:#f6f8fd;border-color:#e1e6f1}
.directory-tool-grid--aitool .tool-logo img{width:27px;height:27px}
.directory-tool-grid--aitool .tool-copy{gap:5px}
.directory-tool-grid--aitool .tool-copy strong{font-size:12px;line-height:1.3}
.directory-tool-grid--aitool .tool-copy small{font-size:10px;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.directory-tool-grid--aitool .tool-open{width:38px;background:#fafbff}
.directory-tool-grid--aitool .tool-card:hover{border-color:#cbd4ff;box-shadow:0 12px 24px rgba(48,65,126,.1)}
.category-page-card{min-height:76px;height:76px;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;overflow:hidden;border-radius:12px;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.category-page-card:hover{transform:translateY(-2px);border-color:#cbd4ff;box-shadow:0 10px 20px rgba(48,65,126,.1)}
.directory-page-footer{padding-left:32px}
.tool-detail-page{padding-bottom:92px}
.detail-screenshots{margin-bottom:28px}.detail-screenshot-swiper{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);--swiper-theme-color:var(--blue);--swiper-navigation-size:16px}.detail-screenshot-swiper .swiper-slide{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10}.detail-screenshot-swiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:contain}.detail-screenshot-swiper.swiper .swiper-button-prev,.detail-screenshot-swiper.swiper .swiper-button-next{top:calc(50% - 18px);width:32px;height:32px;margin-top:-16px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink-soft);box-shadow:0 2px 6px rgba(30,42,76,.1);transition:border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.detail-screenshot-swiper .swiper-button-prev:hover,.detail-screenshot-swiper .swiper-button-next:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 3px 8px rgba(30,42,76,.14);transform:translateY(-1px)}.detail-screenshot-swiper .swiper-button-prev:focus-visible,.detail-screenshot-swiper .swiper-button-next:focus-visible{outline:2px solid var(--blue);outline-offset:2px;color:var(--blue)}.detail-screenshot-swiper .swiper-navigation-icon{width:14px;height:14px;flex:0 0 14px}.detail-screenshot-swiper .swiper-button-prev{left:10px}.detail-screenshot-swiper .swiper-button-next{right:10px}.detail-screenshot-swiper .swiper-pagination{position:relative;bottom:auto;padding:10px 0;line-height:1}.detail-screenshot-swiper .swiper-pagination-bullet{width:7px;height:7px}.detail-screenshot-swiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var(--muted)}
.detail-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:31px 34px;background:#e9edff;border:1px solid #dce2ff;border-radius:var(--radius);margin-bottom:22px}
.detail-identity{display:flex;align-items:center;gap:18px;min-width:0}
.detail-identity-copy{min-width:0}.detail-main-column{min-width:0}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.detail-category{color:var(--blue);font-size:12px}.detail-views{display:inline-flex;align-items:center;gap:5px;color:#98a3b4;font:10px/1.4 'DM Mono',monospace;white-space:nowrap}.detail-views[hidden]{display:none}.detail-views svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.detail-hero .detail-tags{border-top:1px solid var(--line);padding-top:14px;margin-top:14px;gap:7px}.detail-hero .detail-tags a{background:rgba(255,255,255,.6);overflow-wrap:anywhere}.detail-actions .tool-open{width:auto;display:inline-flex;justify-content:center;opacity:1;transform:none;border:0;color:#fff;background:var(--blue);white-space:nowrap}.detail-actions .tool-open:hover{background:var(--blue-dark)}
.detail-logo{width:76px;height:76px;border-radius:19px;display:grid;place-items:center;background:#fff;border:1px solid #dce2ff;box-shadow:0 12px 25px rgba(77,95,177,.1);flex:0 0 auto}
.detail-logo img{width:48px;height:48px}.detail-logo span{font-size:30px;font-weight:800;color:#c28b63}
.detail-identity h1{font-size:38px;letter-spacing:-.055em;margin:10px 0 7px}.detail-identity p{color:#66718a;font-size:13px;margin:0}
.detail-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.detail-primary,.detail-secondary{font-size:12px;border-radius:9px;padding:11px 15px}.detail-primary{color:#fff;background:var(--blue);box-shadow:0 7px 15px rgba(85,115,255,.2)}.detail-primary span{margin-left:8px}.detail-secondary{color:var(--ink-soft);border:1px solid #d4daf1;background:rgba(255,255,255,.55)}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.detail-main-column,.detail-aside{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.detail-main-column{padding:28px 30px}.detail-section+.detail-section{border-top:1px solid var(--line);margin-top:30px;padding-top:27px}.detail-section h2{font-size:23px;letter-spacing:-.045em;margin:9px 0 12px}.detail-section p{color:var(--ink-soft);font-size:13px;line-height:1.9;max-width:680px;margin:0}.detail-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-use-item{min-height:92px;padding:15px;border:1px solid var(--line);border-radius:10px;background:rgba(246,248,253,.78);display:flex;flex-direction:column;justify-content:space-between}.detail-use-item span{font:10px 'DM Mono',monospace;color:var(--blue)}.detail-use-item strong{font-size:12px;line-height:1.5}.detail-aside{padding:20px 22px;align-self:start}.detail-fact{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:14px 0;color:#929eaf;font-size:11px}.detail-fact:first-child{padding-top:1px}.detail-fact strong,.detail-fact a{color:var(--ink);font-size:12px}.detail-fact small{font:10px 'DM Mono',monospace;color:#9ca7b6}.detail-fact a{color:var(--blue)}.status-live{display:flex;align-items:center;gap:6px}.status-live i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(98,190,168,.12)}.detail-aside-note{color:#7c879a;font-size:11px;line-height:1.7;padding-top:18px}
.detail-aside{min-width:0}.detail-related-section+.detail-related-section{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.detail-related-section h2{font-size:16px;letter-spacing:-.025em;margin:0 0 14px}.detail-related-list{display:grid;gap:14px}.detail-related-tool{display:flex;align-items:flex-start;gap:10px;min-width:0}.detail-related-logo{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--blue)}.detail-related-logo img{width:24px;height:24px;object-fit:contain}.detail-related-copy{min-width:0;display:grid;gap:4px}.detail-related-copy strong,.detail-related-news strong{font-size:12px;font-weight:600;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}.detail-related-copy small{color:var(--ink-soft);font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-related-news{display:grid;gap:5px}.detail-related-news time{font:10px/1.4 'DM Mono',monospace;color:#98a3b4}.detail-related-tool:hover strong,.detail-related-news:hover strong{color:var(--blue)}.detail-related-empty{font-size:12px;color:var(--ink-soft);line-height:1.7;margin:0}
@media (max-width:1100px){.directory-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-page{padding-left:22px;padding-right:22px}.directory-page-footer{padding-left:22px}.detail-layout{grid-template-columns:minmax(0,1fr) 240px}}
@media (max-width:780px){.directory-page{padding:21px 17px 58px}.directory-page-footer{padding:0 17px 25px}.breadcrumb{margin-bottom:17px}.directory-hero{display:block;padding:22px 20px;margin-bottom:20px}.directory-hero h1{font-size:30px}.directory-hero p{font-size:12px}.directory-hero-meta{margin-top:21px}.directory-hero-meta a{margin-left:auto}.directory-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.directory-tool-grid--aitool .tool-card{height:78px;min-height:78px}.directory-tool-grid--aitool .tool-card-main{padding:11px 9px 11px 11px}.directory-tool-grid--aitool .tool-logo{flex-basis:36px;width:36px;height:36px}.directory-tool-grid--aitool .tool-logo img{width:23px;height:23px}.directory-tool-grid--aitool .tool-copy strong{font-size:11px}.directory-tool-grid--aitool .tool-copy small{font-size:9px}.category-page-card{height:70px;min-height:70px}.directory-toolbar{margin-bottom:11px}.detail-hero{display:block;padding:22px 20px}.detail-identity h1{font-size:30px}.detail-logo{width:62px;height:62px;border-radius:16px}.detail-logo img{width:38px;height:38px}.detail-actions{margin-top:22px}.detail-primary,.detail-secondary{flex:1;text-align:center;padding:10px 8px}.detail-layout{grid-template-columns:1fr;gap:12px}.detail-main-column{padding:23px 20px}.detail-aside{padding:17px 20px}.detail-use-grid{grid-template-columns:1fr}.detail-use-item{min-height:70px}}
@media (max-width:420px){.directory-tool-grid{grid-template-columns:1fr}.directory-tool-grid--aitool .tool-card{height:74px;min-height:74px}.category-page-card{height:66px;min-height:66px}}

/* v2 content pages: search, news, tags. */
.content-page{max-width:var(--max);margin:0 auto;padding:34px 32px 86px}.content-page-footer{padding-left:32px}
.content-hero{padding:30px 32px;border:1px solid #dce2ff;background:#e9edff;border-radius:var(--radius);margin-bottom:20px}.content-hero h1{font-size:38px;letter-spacing:-.055em;margin:10px 0 20px}.content-hero p{color:#66718a;font-size:13px;margin:0;line-height:1.8}.content-search{height:54px;max-width:690px;background:#fff;border:1px solid #d9def5;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 9px 0 16px;box-shadow:0 12px 27px rgba(77,95,177,.1)}.content-search>span{font-size:19px;color:#8b95aa}.content-search input{border:0;outline:0;min-width:0;flex:1;color:var(--ink);font-size:13px;background:transparent}.content-search button{color:#fff;background:var(--blue);font-size:12px;border-radius:8px;padding:10px 15px}.content-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#7d88a2;font-size:11px;margin-top:14px}.content-suggestions a,.tag-switch{color:#5a6889;border:1px solid #d3daf9;background:rgba(255,255,255,.52);border-radius:20px;padding:5px 9px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px}.content-main{min-width:0}.content-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:23px 24px;margin-bottom:18px}.content-block--flush{padding-bottom:12px}.content-block-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:17px}.content-block-heading h2{font-size:22px;letter-spacing:-.045em;margin:8px 0 0}.content-block-heading h2 small{font:400 11px 'DM Mono',monospace;color:#a1abba;margin-left:5px}.content-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.content-tool-card{min-height:76px;height:76px;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;overflow:hidden;border-radius:12px;box-shadow:none}.content-tool-card:hover{transform:translateY(-2px);border-color:#cbd4ff;box-shadow:0 10px 20px rgba(48,65,126,.1)}.content-tool-card .tool-card-main{padding-left:11px}.content-tool-card .tool-open{width:36px}.content-news-list{display:grid}.content-news-row{display:grid;grid-template-columns:72px minmax(0,1fr) 18px;gap:15px;align-items:start;border-top:1px solid var(--line);padding:16px 3px;color:var(--ink-soft)}.content-news-row:first-child{border-top:0;padding-top:4px}.content-news-row:hover .content-news-copy>strong{color:var(--blue-dark)}.content-news-date{display:flex;flex-direction:column;gap:5px}.content-news-date strong{font:600 12px 'DM Mono',monospace;color:var(--ink)}.content-news-date span{font-size:9px;color:#9aa5b4}.content-news-copy>strong{font-size:13px;line-height:1.5;color:var(--ink)}.content-news-copy p{font-size:11px;color:#8b96a7;line-height:1.6;margin:5px 0 8px}.content-news-tags{display:flex;gap:5px;flex-wrap:wrap}.content-news-tags span{font-size:9px;color:#7f8aa0;background:#f2f4fa;border-radius:4px;padding:3px 6px}.content-news-arrow{justify-self:end;color:#a7b1c0;font-size:14px}.content-aside{min-width:0}.content-aside-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 19px;position:sticky;top:99px}.content-aside-card h3{font-size:18px;margin:9px 0 15px}.content-aside-card a{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:12px 0;color:var(--ink-soft);font-size:11px}.content-aside-card a span{color:var(--blue)}.content-empty{border:1px dashed var(--line);border-radius:10px;padding:32px;text-align:center;color:#99a4b4;font-size:12px;grid-column:1/-1}.content-hero--news,.content-hero--tag{margin-bottom:16px}.content-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}.content-tab{color:#7c8799;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-size:11px}.content-tab:hover,.content-tab.is-active{color:var(--blue-dark);border-color:#cbd4ff;background:#eef1ff;font-weight:700}.content-news-list--large .content-news-row{grid-template-columns:80px minmax(0,1fr) 20px;padding:20px 3px}.tag-switcher{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 19px}.tag-switch[aria-current="page"]{color:var(--blue-dark);background:#eef1ff;border-color:#cbd4ff;font-weight:700}.tag-type-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.tag-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tag-type-card{min-height:130px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#f8f9fc;display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s ease,border-color .18s ease}.tag-type-card:hover{transform:translateY(-2px);border-color:#cbd4ff}.tag-type-card span{font:10px 'DM Mono',monospace;color:var(--blue)}.tag-type-card strong{font-size:17px;letter-spacing:-.03em;color:var(--ink)}.tag-type-card small{color:#8d98a9;font-size:10px}.tag-type-card b{align-self:flex-end;color:var(--blue);font-size:16px}
@media (max-width:1100px){.content-page{padding-left:22px;padding-right:22px}.content-page-footer{padding-left:22px}.content-layout{grid-template-columns:minmax(0,1fr) 215px}.content-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tag-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:780px){.content-page{padding:21px 17px 58px}.content-page-footer{padding:0 17px 25px}.content-hero{padding:22px 20px}.content-hero h1{font-size:30px;margin-bottom:17px}.content-search{height:51px}.content-layout{grid-template-columns:1fr;gap:0}.content-aside{display:none}.content-block{padding:19px 16px;margin-bottom:12px}.content-block-heading h2{font-size:19px}.content-tool-grid{grid-template-columns:1fr 1fr;gap:8px}.content-tool-card{height:70px;min-height:70px}.content-tool-card .tool-open{opacity:1;transform:none;border-left-color:#edf0f7;background:#f4f6ff;width:31px}.content-news-row,.content-news-list--large .content-news-row{grid-template-columns:55px minmax(0,1fr) 15px;gap:9px;padding:15px 0}.content-news-copy>strong{font-size:12px}.content-news-copy p{font-size:10px}.content-news-tags span{font-size:8px}.tag-type-panel{padding:19px 16px}.tag-type-grid{grid-template-columns:1fr 1fr;gap:8px}.tag-type-card{min-height:115px;padding:13px}.tag-type-card strong{font-size:14px}}
@media (max-width:420px){.content-tool-grid{grid-template-columns:1fr}.content-tool-card{height:66px;min-height:66px}.tag-type-grid{grid-template-columns:1fr}}
.productivity-home-section{display:grid;gap:18px}.productivity-category-block{min-width:0}.productivity-category-block+.productivity-category-block{padding-top:20px;border-top:1px solid var(--line)}.productivity-category-block .category-section-heading{margin-bottom:12px}.productivity-category-directory{display:grid;gap:0;border-top:1px solid var(--line)}.productivity-category-link{display:grid;grid-template-columns:9px minmax(0,1fr) auto 18px;align-items:center;gap:13px;padding:19px 5px;border-bottom:1px solid var(--line);transition:background .18s ease,padding .18s ease}.productivity-category-link:hover{padding-right:10px;padding-left:10px;background:rgba(255,255,255,.72)}.productivity-category-link>.category-marker{width:8px;height:8px;margin:0}.productivity-category-copy{display:grid;gap:5px;min-width:0}.productivity-category-copy strong{color:var(--ink);font-size:14px}.productivity-category-copy small{color:#7f8a9d;font-size:11px;line-height:1.6}.productivity-category-count{color:#8d98aa;font-size:10px;white-space:nowrap}.productivity-category-arrow{color:var(--blue);font-size:14px;text-align:right}.productivity-category-link:hover .productivity-category-copy strong{color:var(--blue-dark)}.productivity-article-page .article-layout{align-items:start}.productivity-article-page .article-main{min-height:300px}.productivity-article-page .article-main h1{overflow-wrap:anywhere}.productivity-article-aside .content-aside-card{position:sticky;top:96px}.productivity-article-aside .content-aside-card>a{line-height:1.55}
.productivity-directory-sections{display:grid;gap:34px}.productivity-category-showcase{min-width:0}.productivity-category-showcase+.productivity-category-showcase{padding-top:29px;border-top:1px solid var(--line)}.productivity-category-showcase .category-section-heading{align-items:flex-end;margin-bottom:14px}.productivity-category-showcase .category-section-heading h2{font-size:20px;letter-spacing:-.04em;margin:8px 0 0}.productivity-detail-hero{grid-template-rows:auto;grid-template-areas:"identity stats";min-height:0;align-items:start}.productivity-detail-hero .detail-identity{align-items:flex-start}.productivity-detail-hero .detail-identity-copy{max-width:850px}.productivity-detail-date,.productivity-detail-author{color:#8d98aa;font:10px/1.4 'DM Mono',monospace}.productivity-detail-main{min-height:320px}.productivity-detail-content>.article-lead{margin-top:0}.productivity-related-plan span{color:#98a3b4;font:10px/1.5 'DM Mono',monospace}.productivity-related-plan:hover span{color:var(--blue)}
@media(max-width:780px){.productivity-home-section{gap:14px}.productivity-category-block+.productivity-category-block{padding-top:15px}.productivity-category-link{grid-template-columns:8px minmax(0,1fr) auto;gap:9px;padding:15px 2px}.productivity-category-arrow{display:none}.productivity-category-count{font-size:9px}.productivity-category-copy strong{font-size:12px}.productivity-category-copy small{font-size:10px}.productivity-directory-sections{gap:26px}.productivity-category-showcase+.productivity-category-showcase{padding-top:23px}.productivity-category-showcase .category-section-heading{align-items:flex-end}.productivity-category-showcase .category-section-heading h2{font-size:18px}.productivity-category-showcase .text-link{font-size:9px}.productivity-detail-hero{grid-template-areas:"stats" "identity"}.productivity-detail-main{min-height:0}}
.content-app-shell .content-workspace{padding:0 0 50px}.content-workspace .content-page{max-width:none;padding:31px 32px 30px}.content-app-shell + .content-page-footer{padding-left:calc(var(--rail) + 32px)}
.content-workspace .directory-page{max-width:none;padding:31px 32px 50px}.content-app-shell + .directory-page-footer{padding-left:calc(var(--rail) + 32px)}
@media (max-width:1100px){.content-workspace .content-page{padding-left:22px;padding-right:22px}.content-app-shell + .content-page-footer{padding-left:calc(var(--rail) + 22px)}}
@media (max-width:1100px){.content-workspace .directory-page{padding-left:22px;padding-right:22px}.content-app-shell + .directory-page-footer{padding-left:calc(var(--rail) + 22px)}}
@media (max-width:780px){.content-app-shell .content-workspace{padding:0}.content-workspace .content-page,.content-workspace .directory-page{padding:21px 17px 58px}.content-app-shell + .content-page-footer,.content-app-shell + .directory-page-footer{padding-left:17px}}
.submit-hero h1{max-width:620px}.submit-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.submit-form{margin-bottom:0}.submit-form label{display:grid;gap:7px;color:var(--ink-soft);font-size:11px;margin-top:15px}.submit-form input,.submit-form select,.submit-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:11px 12px;font-size:12px;outline:none;resize:vertical}.submit-form input:focus,.submit-form select:focus,.submit-form textarea:focus{border-color:#aab8ff;box-shadow:0 0 0 3px rgba(111,130,255,.1)}.submit-form-button{margin-top:20px;background:var(--blue);color:#fff;border-radius:9px;padding:12px 16px;font-size:12px}.submit-form-button span{margin-left:8px}.submit-form-note{color:#9ba5b5;font-size:10px;line-height:1.6;margin:12px 0 0}.submit-success{color:#438f7a;background:#e7f6f0;border:1px solid #cae9de;border-radius:8px;font-size:11px;padding:10px 12px;margin:14px 0 0}.submit-step{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:13px 0;color:var(--ink-soft);font-size:11px}.submit-step b{font:500 10px 'DM Mono',monospace;color:var(--blue)}
@media (max-width:780px){.submit-layout{grid-template-columns:1fr}.submit-layout .content-aside{display:block}.submit-form{padding:19px 16px}.submit-aside-card{position:static}}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px}.article-main{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px 36px}.article-main h1{font-size:36px;letter-spacing:-.055em;line-height:1.2;margin:12px 0 15px}.article-meta{display:flex;gap:14px;color:#98a3b4;font:10px 'DM Mono',monospace;border-bottom:1px solid var(--line);padding-bottom:18px}.article-lead{font-size:16px;color:var(--ink);line-height:1.75;margin:25px 0 23px}.article-body{color:var(--ink-soft);font-size:13px;line-height:2;overflow-wrap:anywhere}.article-body p{margin:0 0 20px}.article-tags{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:26px}.article-tags--top{border-top:0;padding-top:0;margin:24px 0 0}.article-tags a{font-size:10px;color:var(--blue);background:#eef1ff;border-radius:5px;padding:5px 8px}.article-source{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:28px 0 0;padding:18px 0 0;border-top:1px solid var(--line);color:var(--ink-soft);font-size:12px}.article-source-label{color:#98a3b4;font-weight:600}.article-source a{min-width:0;color:var(--blue);overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.article-source a:hover{color:var(--blue-dark);text-decoration-thickness:2px}
@media (max-width:1100px){.article-layout{grid-template-columns:minmax(0,1fr) 215px}}
@media (max-width:780px){.article-layout{grid-template-columns:1fr}.article-main{padding:23px 20px}.article-main h1{font-size:29px}.article-meta{gap:8px;flex-wrap:wrap}.article-lead{font-size:14px}}

/* Keep the desktop rail anchored to the viewport while page content scrolls. */
@media (min-width:781px){
  .app-shell{display:block;position:relative}
  .app-shell>.side-rail{position:fixed;left:max(0px,calc((100vw - var(--max)) / 2));top:78px;bottom:0;width:var(--rail);height:auto;overflow-y:auto;z-index:5;background:var(--paper);scrollbar-width:thin;scrollbar-color:#cbd2e0 transparent;overscroll-behavior-y:contain}
  .app-shell>.side-rail>*{flex-shrink:0}
  .app-shell>.side-rail::-webkit-scrollbar{width:5px}
  .app-shell>.side-rail::-webkit-scrollbar-track{background:transparent}
  .app-shell>.side-rail::-webkit-scrollbar-thumb{background:#cbd2e0;border-radius:8px}
  .app-shell>.side-rail::-webkit-scrollbar-thumb:hover{background:#aab5c9}
  .side-rail .rail-footer{padding-top:20px}
  .side-rail .rail-mini-card{padding:13px 11px;background:#edf0ff;border-color:#e0e5f8;border-radius:12px}
  .side-rail .rail-meta{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
  .app-shell>.workspace,.app-shell>.content-workspace{margin-left:var(--rail)}
}
@media (max-width:780px){
  .app-shell>.side-rail{position:static;width:auto;bottom:auto;overflow:visible}
  .app-shell>.workspace,.app-shell>.content-workspace{margin-left:0}
}

/* Daily news groups: one date rail can contain multiple stories. */
.news-date-group{display:grid;grid-template-columns:96px minmax(0,1fr);gap:15px;padding:4px 0 22px}
.news-date-group+.news-date-group{border-top:1px solid var(--line);padding-top:22px}
.news-date-heading{grid-column:1;grid-row:1;display:flex;align-items:flex-start;gap:15px;margin:0 3px}
.news-date-stamp{min-width:96px;padding:9px 11px;border-radius:9px;background:#eef1ff;border:1px solid #d8defb;white-space:nowrap}
.news-date-stamp strong{display:block;color:var(--blue-dark);font:700 15px 'DM Mono',monospace;letter-spacing:-.04em}
.news-date-stamp span{display:block;margin-top:4px;color:#8993b0;font:9px 'DM Mono',monospace;letter-spacing:.08em}
.news-date-items{grid-column:2;grid-row:1;min-width:0}
.news-date-group--stacked{grid-template-columns:minmax(0,1fr);gap:14px}
.news-date-group--stacked>.news-date-heading,.news-date-group--stacked>.news-date-items{grid-column:1;grid-row:auto}
.news-date-items .content-news-row{grid-template-columns:minmax(0,1fr) 20px;padding:0 3px 17px}
.news-date-items .content-news-row+.content-news-row{padding-top:17px}
.news-date-items .content-news-row--grouped .content-news-copy>strong{font-size:13px}
.news-date-items .content-news-row--grouped .content-news-copy p{max-width:720px}
@media (max-width:780px){
  .news-date-group{display:block;padding:4px 0 22px}
  .news-date-heading{gap:10px;margin:0 0 6px}
  .news-date-stamp{min-width:88px;padding:8px 9px}
  .news-date-stamp strong{font-size:13px}
  .news-date-items{display:block}
  .news-date-items .content-news-row{grid-template-columns:minmax(0,1fr) 15px;padding:14px 0}
  .news-date-items .content-news-row:first-child{padding-top:8px}
}

/* Daily news rows keep the summary and tags informational; only the title and arrow navigate. */
.content-news-title{display:inline-block;color:inherit}
.content-news-title strong{font-size:13px;line-height:1.5;color:var(--ink)}
.content-news-title:hover strong,.content-news-arrow:hover{color:var(--blue-dark)}
.news-date-items .content-news-copy>p a{color:#2563eb;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .16s ease,text-decoration-thickness .16s ease}
.news-date-items .content-news-copy>p a:hover{color:#1d4ed8;text-decoration-thickness:2px}
.news-date-items .content-news-copy>p a:focus-visible{border-radius:2px;outline:2px solid rgba(37,99,235,.35);outline-offset:2px}
.news-article-page .article-lead a,.news-article-page .article-body a{color:#2563eb;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .16s ease,text-decoration-thickness .16s ease}
.news-article-page .article-lead a:hover,.news-article-page .article-body a:hover{color:#1d4ed8;text-decoration-thickness:2px}
.news-article-page .article-lead a:focus-visible,.news-article-page .article-body a:focus-visible{border-radius:2px;outline:2px solid rgba(37,99,235,.35);outline-offset:2px}
/* Tool detail article content: preserve hierarchy and make rich Markdown readable. */
.tool-detail-page .article-body{max-width:860px;color:var(--ink-soft);font-size:14px;line-height:1.9;overflow-wrap:anywhere}.tool-detail-page .article-body>*:first-child{margin-top:0}.tool-detail-page .article-body>*:last-child{margin-bottom:0}.tool-detail-page .article-body h1,.tool-detail-page .article-body h2,.tool-detail-page .article-body h3,.tool-detail-page .article-body h4{color:var(--ink);line-height:1.35;letter-spacing:-.025em;margin:1.65em 0 .65em}.tool-detail-page .article-body h1{font-size:28px}.tool-detail-page .article-body h2{font-size:23px}.tool-detail-page .article-body h3{font-size:19px}.tool-detail-page .article-body h4{font-size:16px}.tool-detail-page .article-body p{margin:0 0 1.15em}.tool-detail-page .article-body a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.tool-detail-page .article-body a:hover{color:var(--blue-dark);text-decoration-thickness:2px}.tool-detail-page .article-body ul,.tool-detail-page .article-body ol{margin:0 0 1.2em;padding-left:1.55em}.tool-detail-page .article-body li{margin:.35em 0;padding-left:.25em}.tool-detail-page .article-body li::marker{color:var(--blue)}.tool-detail-page .article-body blockquote{margin:1.4em 0;padding:14px 18px;border-left:4px solid var(--blue);border-radius:0 10px 10px 0;background:#f3f5ff;color:#58647d;font-size:14px;font-style:italic}.tool-detail-page .article-body blockquote p{margin:0}.tool-detail-page .article-body code{padding:.15em .38em;border:1px solid #e2e6f1;border-radius:5px;background:#f4f6fa;color:#b24d67;font:12px/1.6 'DM Mono',monospace}.tool-detail-page .article-body pre{max-width:100%;margin:1.4em 0;padding:16px 18px;overflow-x:auto;border:1px solid #252f4a;border-radius:10px;background:#182137;color:#e6ebf8;font:12px/1.75 'DM Mono',monospace;white-space:pre}.tool-detail-page .article-body pre code{padding:0;border:0;background:transparent;color:inherit;font:inherit}.tool-detail-page .article-body figure{margin:1.5em 0}.tool-detail-page .article-body figcaption{margin-top:7px;color:#8a95a8;font-size:11px;text-align:center}.tool-detail-page .article-body img,.tool-detail-page .article-body video{display:block;max-width:100%;height:auto;margin:1.25em auto;border-radius:12px}.tool-detail-page .article-body hr{margin:2em 0;border:0;border-top:1px solid var(--line)}.tool-detail-page .article-body .table-wrap{overflow-x:auto;margin:1.4em 0;border:1px solid var(--line);border-radius:10px}.tool-detail-page .article-body table{width:100%;min-width:560px;margin:0;border-collapse:collapse;font-size:12px;line-height:1.65;background:var(--surface)}.tool-detail-page .article-body th,.tool-detail-page .article-body td{padding:11px 13px;border:1px solid var(--line);text-align:left;vertical-align:top}.tool-detail-page .article-body th{color:var(--ink);font-weight:700;background:#f3f5fb}.tool-detail-page .article-body tr:nth-child(even) td{background:rgba(246,248,253,.62)}
@media (max-width:780px){
  .categories-heading{display:flex;margin-top:18px}
  .category-nav{display:flex;overflow-x:auto;gap:5px}
  .category-nav .category-link{flex:0 0 auto;width:auto;padding:8px 10px;background:#f0f2f7}
}
@media (max-width:780px){.tool-detail-page .article-body{font-size:13px}.tool-detail-page .article-body h1{font-size:24px}.tool-detail-page .article-body h2{font-size:21px}.tool-detail-page .article-body h3{font-size:18px}.tool-detail-page .article-body blockquote{padding:12px 14px;margin-left:0;margin-right:0}.tool-detail-page .article-body table{min-width:500px}.tool-detail-page .article-body .table-wrap{margin-right:-2px}}
/* News tag links share the tag-page chip style across daily and filtered lists. */
.content-news-tags a{font-size:9px;color:#7f8aa0;background:#f2f4fa;border-radius:4px;padding:3px 6px;transition:color .18s ease}.content-news-tags a:hover,.content-news-tags a:focus-visible{color:var(--blue)}
@media (max-width:780px){.content-news-tags a{font-size:8px}}
.daily-news-sidebar{display:grid;gap:12px;align-content:start}.daily-sidebar-card{position:static;padding:15px 14px}.daily-sidebar-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:9px}.daily-sidebar-heading h2{font-size:15px;letter-spacing:-.035em;margin:6px 0 0}.daily-sidebar-count{min-width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#eef1ff;color:var(--blue-dark);font:10px 'DM Mono',monospace}.daily-sidebar-list{display:grid}.daily-sidebar-item{border-top:1px solid var(--line);min-width:0}.daily-sidebar-tool{display:grid;grid-template-columns:30px minmax(0,1fr) 12px;align-items:center;gap:8px;padding:9px 0}.daily-sidebar-logo{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#f7f8fb;display:grid;place-items:center;color:var(--blue);font-size:13px;overflow:hidden}.daily-sidebar-logo img{width:20px;height:20px;object-fit:contain}.daily-sidebar-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.daily-sidebar-copy strong,.daily-sidebar-news strong{font-size:11px;line-height:1.4;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-sidebar-copy small{font-size:9px;line-height:1.35;color:#929cad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-sidebar-arrow{justify-self:end;color:#a7b1c0;font-size:12px}.daily-sidebar-tool:hover .daily-sidebar-copy strong,.daily-sidebar-news:hover strong{color:var(--blue-dark)}.daily-sidebar-news{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:start;padding:10px 0}.daily-sidebar-news time{font:9px 'DM Mono',monospace;color:#9aa5b4;padding-top:2px}.daily-sidebar-empty{border-top:1px solid var(--line);padding:11px 0 2px;margin:0;color:#99a4b4;font-size:10px}
.daily-news-sidebar{align-self:start;position:sticky;top:96px;max-height:calc(100vh - 112px);overflow-y:auto;scrollbar-width:none}.daily-news-sidebar::-webkit-scrollbar{display:none}.content-main>.post-comments--compact{max-width:none}
@media(max-width:780px){.daily-news-sidebar{display:none}}
.daily-news-sidebar{max-height:calc(100vh - 112px);overflow-y:auto;overscroll-behavior:contain}
.daily-sidebar-list--tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.daily-sidebar-list--tools .daily-sidebar-item{border-top:0}.daily-sidebar-list--tools .daily-sidebar-tool{grid-template-columns:24px minmax(0,1fr);gap:6px;padding:7px 6px;border:1px solid #eef0f7;border-radius:7px;background:#f7f8fc}.daily-sidebar-list--tools .daily-sidebar-logo{width:24px;height:24px;border-radius:6px}.daily-sidebar-list--tools .daily-sidebar-logo img{width:17px;height:17px}.daily-sidebar-list--tools .daily-sidebar-copy strong{font-size:10px;line-height:1.35}.daily-sidebar-list--tools .daily-sidebar-tool:hover{border-color:#cbd4ff;background:#eef1ff}.daily-sidebar-list--tools .daily-sidebar-tool:hover .daily-sidebar-copy strong{color:var(--blue-dark)}
.content-hero--news{
 position:relative;isolation:isolate;overflow:hidden;
 display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
 padding:26px 32px 30px;border-color:#dfe5f3;
 background:radial-gradient(ellipse at 100% 0,rgba(148,170,255,.23),transparent 65%),radial-gradient(ellipse at 90% 100%,rgba(160,218,217,.18),transparent 55%),linear-gradient(110deg,#fafbff,#f0f4ff);
}
.content-hero--news::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:radial-gradient(rgba(101,126,186,.3) .8px,transparent .8px);background-size:18px 18px;
 mask-image:linear-gradient(90deg,transparent 35%,#000);opacity:.45;
}
.content-hero--news>.section-kicker{grid-column:1;grid-row:1;align-self:center}
.content-hero--news h1{grid-column:1/-1;margin:12px 0 12px}
.content-hero--news>p,.content-hero--news>.daily-news-meta{grid-column:1/-1}
.content-hero--news>p{color:#64718b}
.daily-news-actions{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;margin-left:16px}
.daily-news-actions .comment-button{white-space:nowrap}
.content-layout{align-items:start}.daily-news-sidebar{position:sticky;z-index:3;align-self:start;top:96px;margin-top:0;max-height:none;overflow:visible;overscroll-behavior:initial}.daily-news-sidebar .daily-sidebar-card{position:static}.comment-heading-actions{display:flex;align-items:center;gap:12px}.comment-count{color:var(--muted,#747b8e);font-size:13px;white-space:nowrap}
@media(max-width:780px){.content-hero--news{display:block;padding:22px 20px}.daily-news-actions{margin:0 0 20px;justify-content:flex-start}.daily-news-sidebar{display:none}.comment-heading-actions{align-items:flex-start;flex-direction:column-reverse;gap:4px}}

/* Static documents use the same editorial typography as news detail pages. */
.document-hero h1{font-size:36px;line-height:1.2}
.document-meta{display:flex;gap:14px;color:#98a3b4;font:10px 'DM Mono',monospace;margin-top:20px}
.document-article.article-body a{color:#2563eb;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .16s ease,text-decoration-thickness .16s ease}
.document-article.article-body a:hover{color:#1d4ed8;text-decoration-thickness:2px}
.document-article.article-body a:focus-visible{border-radius:2px;outline:2px solid rgba(37,99,235,.35);outline-offset:2px}
@media(max-width:780px){.document-hero h1{font-size:29px}.document-meta{gap:8px;flex-wrap:wrap}}

/* Footer navigation follows the public site's quiet, information-first layout. */
.site-footer{width:100%;max-width:none;margin:0;display:block;border-top:1px solid var(--line);background:var(--surface);padding:0;color:var(--muted);font:inherit;letter-spacing:normal}
.footer-inner{max-width:var(--max);margin:0 auto;padding:28px 32px 24px}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:32px}
.footer-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--ink)}
.footer-brand .brand-mark{width:30px;height:30px;border-radius:9px}
.footer-brand .brand-mark img{width:18px;height:18px}
.footer-brand>span:last-child{display:flex;flex-direction:column;line-height:1}
.footer-brand strong{font-size:14px;letter-spacing:.02em}
.footer-brand small{margin-top:5px;color:var(--muted);font:500 7px 'DM Mono',monospace;letter-spacing:.14em}
.footer-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 22px;font-size:12px;color:var(--ink-soft)}
.footer-links a{transition:color .18s ease}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--blue-dark)}
.footer-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:14px;border-top:1px solid #eef0f5;color:#a1aaba;font:10px 'DM Mono',monospace;letter-spacing:.03em}
.footer-meta span:last-child{text-align:right}
@media (max-width:1100px){.footer-inner{padding-left:22px;padding-right:22px}.footer-main{gap:22px}.footer-links{gap:8px 16px}}
@media (max-width:780px){.footer-inner{padding:24px 17px 20px}.footer-main{display:block}.footer-brand{margin-bottom:20px}.footer-links{justify-content:flex-start;gap:11px 17px;font-size:11px}.footer-meta{display:block;margin-top:20px;padding-top:12px;line-height:1.8}.footer-meta span{display:block}.footer-meta span:last-child{text-align:left;margin-top:3px}}

/* Keep the footer's content edges aligned with the workspace at wide viewports. */
.home-page-body .content-workspace{padding-bottom:0}
.home-page-body .workspace{padding-bottom:48px}
.content-app-shell + .content-page-footer{max-width:var(--max);margin:0 auto;padding:0 32px 0 calc(var(--rail) + 32px);border-top:0;background:transparent}
.content-app-shell + .content-page-footer .footer-inner{max-width:none;width:100%;margin:0;padding:28px 0 24px;border-top:1px solid var(--line)}
.content-app-shell + .content-page-footer .footer-meta{margin-top:20px;padding-top:0;border-top:0}
@media (max-width:1100px){.content-app-shell + .content-page-footer{padding:0 22px 0 calc(var(--rail) + 22px)}.content-app-shell + .content-page-footer .footer-inner{padding:28px 0 24px}}
@media (max-width:780px){.home-page-body .workspace{padding-bottom:32px}.content-app-shell + .content-page-footer{padding:0 17px}.content-app-shell + .content-page-footer .footer-inner{padding:24px 0 20px}}
.segmented a{font-size:11px;color:#7b8799;padding:7px 12px;border-radius:6px}.segmented a.active{color:var(--ink);background:#fff;box-shadow:0 2px 5px rgba(53,65,91,.08);font-weight:700}.trend-list-logo{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;overflow:hidden;font-size:11px;font-weight:700}.trend-list-logo img{width:100%;height:100%;border:0;border-radius:0;padding:5px}.trend-list .trend-empty{display:block;color:var(--muted);font-size:10px;padding:8px 0}.spotlight-icon>span{font-size:22px;font-weight:800;color:var(--blue)}

.detail-hero{position:relative;min-height:150px;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;grid-template-areas:"identity stats" "identity actions";align-items:center;column-gap:24px;row-gap:12px}
.detail-identity{grid-area:identity;min-width:0}
.detail-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;align-self:start;margin:0}
.detail-hero-stats{grid-area:stats;position:static;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;min-width:0}
.detail-stat-pill{min-height:38px;display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid #dfe4ef;border-radius:9px;background:#fff;color:var(--ink-soft);font-size:12px;white-space:nowrap}
.detail-hero-stats a:hover,.detail-hero-stats button:hover{border-color:#cbd4ff;color:var(--blue-dark)}
.detail-like-button{cursor:pointer}
.detail-like-button.is-liked{color:var(--blue)}
.detail-like-button.is-liked .like-icon{color:var(--blue)}
.detail-like-button:disabled{cursor:default;opacity:.65}
.detail-stat-pill strong{font:500 12px/1.2 'DM Mono',monospace;color:var(--ink)}
.detail-meta{gap:10px}
.detail-health-status{display:inline-flex;align-items:center;gap:6px;color:#4f9a7f;font-size:11px;line-height:1.4;white-space:nowrap}
.detail-health-status i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#58ad8b;box-shadow:0 0 0 3px rgba(88,173,139,.13)}
.detail-health-status--pending-verification{color:#778292}
.detail-health-status--pending-verification i{background:#8993a1;box-shadow:0 0 0 3px rgba(137,147,161,.13)}
.detail-health-status--fail{color:#b94f5b}.detail-health-status--fail i{background:#d86672;box-shadow:0 0 0 3px rgba(216,102,114,.13)}
.detail-identity h1{overflow-wrap:anywhere}
.detail-identity p{line-height:1.65;max-width:68ch}
.detail-tags{display:flex;flex-wrap:wrap}
.detail-layout{align-items:start}
.detail-main-column{grid-column:1;grid-row:1}
.detail-aside{grid-column:2;grid-row:1;position:sticky;top:96px;max-height:calc(100vh - 112px);overflow-y:auto;scrollbar-width:none}
.detail-aside::-webkit-scrollbar{display:none}
.detail-layout>.post-comments{grid-column:1;grid-row:2;margin:0}
@media (max-width:780px){.detail-hero{min-height:0;padding:22px 20px}.detail-actions{position:static;transform:none;margin-top:18px}.detail-hero-stats{position:static;margin-top:18px;justify-content:flex-start;flex-wrap:wrap;gap:7px}.detail-layout>.detail-main-column{grid-column:1;grid-row:1}.detail-layout>.post-comments{grid-column:1;grid-row:2}.detail-layout>.detail-aside{grid-column:1;grid-row:3;position:static;max-height:none;overflow:visible}}
@media (max-width:900px){.detail-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"stats" "identity" "actions";gap:16px;padding:22px 24px}.detail-hero-stats{justify-content:flex-start}.detail-actions{justify-content:flex-end;align-self:auto;margin:0}.detail-actions .detail-primary{flex:0 0 auto}.detail-identity{align-items:flex-start}.detail-identity h1{font-size:32px;margin-top:7px}.detail-identity p{font-size:12px}}
@media (max-width:520px){.detail-hero{padding:18px 16px;gap:14px}.detail-hero-stats{gap:6px}.detail-stat-pill{min-height:34px;padding:7px 9px;font-size:11px}.detail-identity{gap:12px}.detail-logo{width:54px;height:54px;border-radius:14px}.detail-logo img{width:34px;height:34px}.detail-logo span{font-size:24px}.detail-identity h1{font-size:26px;line-height:1.15;margin:5px 0 7px}.detail-identity p{font-size:11px;line-height:1.6}.detail-meta{gap:8px}.detail-health-status{font-size:10px}.detail-hero .detail-tags{padding-top:10px;margin-top:10px}}

/* Frequency-ranked tag cloud for the all-tags directory. */
.tag-cloud-panel{overflow:hidden;background:#fff}
.tag-cloud{position:relative;min-height:380px;margin:0 auto 12px;overflow:hidden;isolation:isolate}
.tag-cloud{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:2px;min-height:380px}.tag-cloud.is-enhanced{display:block}
.tag-cloud-item{position:relative;display:flex;align-items:baseline;justify-content:center;max-width:100%;padding:2px 3px;color:var(--tag-color,#172b4d);white-space:nowrap;transform:rotate(var(--tag-rotation,0deg));transform-origin:center;transition:color .2s ease,opacity .35s ease,text-shadow .2s ease;transition-delay:calc(min(var(--tag-index,0),18) * 10ms)}
.tag-cloud-item:nth-child(7n+1){--tag-color:#102c5b}.tag-cloud-item:nth-child(7n+2){--tag-color:#26384e}.tag-cloud-item:nth-child(7n+3){--tag-color:#315c73}.tag-cloud-item:nth-child(7n+4){--tag-color:#1b4777}.tag-cloud-item:nth-child(7n+5){--tag-color:#45413e}.tag-cloud-item:nth-child(7n+6){--tag-color:#38526b}.tag-cloud-item:nth-child(7n){--tag-color:#17243a}
.tag-cloud.is-enhanced:not(.is-laid-out) .tag-cloud-item{position:absolute;left:50%;top:50%;opacity:0;transform:translate(-50%,-50%) rotate(var(--tag-rotation,0deg))}
.tag-cloud.is-laid-out .tag-cloud-item{position:absolute;opacity:1;transform:rotate(var(--tag-rotation,0deg))}
.tag-cloud-item strong{font-size:calc(var(--tag-size,16px) * .78);font-weight:650;line-height:1.08;letter-spacing:0}
.tag-cloud-type{display:none}
.tag-cloud-item:hover,.tag-cloud-item:focus-visible{z-index:2;color:#0b63a5;text-shadow:0 3px 10px rgba(32,80,130,.16);transform:rotate(var(--tag-rotation,0deg)) scale(1.08)!important;transition:color .2s ease,transform .2s ease,text-shadow .2s ease}
.tag-cloud-item:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}
.tag-cloud-item:nth-child(7n+2) strong{font-weight:500}
.tag-cloud .empty-state{position:absolute;inset:0;display:grid;place-items:center}
@media(max-width:780px){.tag-cloud{min-height:320px;margin:0 auto 10px;gap:1px}.tag-cloud-item{padding:2px 2px}.tag-cloud-item strong{font-size:calc(var(--tag-size,16px) * .9);line-height:1}.tag-cloud-item:nth-child(n+19){display:none}}
@media(prefers-reduced-motion:reduce){.tag-cloud-item{transition:none;will-change:auto}}
.content-hero--tag{position:relative}.tag-hero-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:9px 12px;border:1px solid #cbd4ff;border-radius:8px;background:rgba(255,255,255,.56);color:var(--blue-dark);font-size:11px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.tag-hero-link:hover{background:#fff;border-color:#aebcff;transform:translateY(-1px)}.tag-list-page .tag-list-hero{margin-bottom:18px}.tag-index-panel{padding-bottom:18px}.tag-index-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:8px}.tag-index-toolbar h2{margin:8px 0 0;font-size:22px;letter-spacing:-.045em}.tag-sort-control{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#f6f7fa}.tag-sort-control a{padding:7px 11px;border-radius:6px;color:#7d8799;font-size:11px;white-space:nowrap}.tag-sort-control a:hover{color:var(--ink);background:#fff}.tag-sort-control a.is-active{color:var(--blue-dark);background:#eef1ff;box-shadow:0 2px 5px rgba(53,65,91,.08);font-weight:700}.tag-index-list{list-style:none;padding:0;margin:13px 0 0;border-top:1px solid var(--line);counter-reset:tag-index}.tag-index-row{border-bottom:1px solid var(--line)}.tag-index-link{display:grid;grid-template-columns:minmax(0,1fr) 100px 24px;align-items:center;gap:14px;padding:14px 5px;transition:background .18s ease,padding .18s ease}.tag-index-link:hover{padding-left:10px;padding-right:10px;background:#fafbfe}.tag-index-name{display:flex;align-items:baseline;gap:10px;min-width:0}.tag-index-name strong{color:var(--ink);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-index-name small{flex:0 0 auto;color:#8e99aa;font-size:10px}.tag-index-frequency{display:flex;align-items:baseline;justify-content:flex-end;gap:5px}.tag-index-frequency strong{color:var(--blue-dark);font:600 12px 'DM Mono',monospace}.tag-index-frequency small{color:#9aa4b4;font-size:9px}.tag-index-arrow{color:#a7b1c0;text-align:right;font-size:14px}.tag-index-link:hover .tag-index-name strong,.tag-index-link:hover .tag-index-arrow{color:var(--blue)}.tag-index-panel .pagination{margin-top:22px;margin-bottom:0}
@media(max-width:780px){.tag-index-toolbar{align-items:flex-start;flex-direction:column;gap:13px}.tag-sort-control{width:100%}.tag-sort-control a{flex:1;text-align:center}.tag-index-link{grid-template-columns:minmax(0,1fr) 70px 16px;gap:8px;padding:13px 2px}.tag-index-link:hover{padding-left:5px;padding-right:5px}.tag-index-name{display:grid;gap:4px}.tag-index-name strong{font-size:12px}.tag-index-name small{font-size:9px}.tag-index-frequency{display:grid;gap:2px;text-align:right}.tag-index-frequency strong{font-size:11px}.tag-index-frequency small{font-size:8px}.tag-hero-link{margin-top:18px}}

/* Tag detail pages use open editorial sections; news remain a single full-width row per story. */
.tag-detail-page{max-width:1180px}
.tag-detail-hero{position:relative;padding:34px 38px 31px;background:#edf1ff;border-color:#dce3ff}
.tag-detail-hero h1{display:flex;align-items:baseline;gap:5px;margin:11px 0 12px;font-size:42px;line-height:1.12;letter-spacing:0}
.tag-detail-hero h1>span{color:#7180b5;font-weight:500}
.tag-detail-hero p{max-width:680px;font-size:14px;line-height:1.8}
.tag-detail-back{display:inline-flex;align-items:center;gap:9px;margin-top:20px;padding:9px 0;color:#485b99;font-size:12px;font-weight:650}
.tag-detail-back span{transition:transform .18s ease}
.tag-detail-back:hover span{transform:translateX(3px)}
.tag-detail-tabs{gap:6px;margin:0 0 24px;padding:0 0 13px;border-bottom:1px solid var(--line)}
.tag-detail-tabs .content-tab{background:transparent;border-color:transparent;padding:10px 13px;color:#6f7b90}
.tag-detail-tabs .content-tab:hover{background:#f5f6fa;border-color:#e6e9ef;color:var(--ink)}
.tag-detail-tabs .content-tab.is-active{background:#172b4d;border-color:#172b4d;color:#fff}
.tag-detail-page .search-results-panel{padding:0;background:transparent;border:0;border-radius:0}
.tag-type-results{padding:25px 0 28px;border-top:1px solid var(--line)}
.tag-type-results:first-child{padding-top:2px;border-top:0}
.tag-type-heading{align-items:center;margin-bottom:18px}
.tag-type-heading h2{margin-top:7px;font-size:21px;letter-spacing:0}
.tag-type-heading h2 small{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;border:1px solid #e3e7ef;border-radius:6px;background:#f8f9fb;color:#707b8d;font:600 10px 'DM Mono',monospace;vertical-align:middle}
.tag-type-heading .section-kicker{color:#78839a}
.tag-type-heading .text-link{white-space:nowrap}
.tag-type-results .compact-tool-grid{gap:11px}
.tag-type-results .content-tool-grid{gap:12px}
.tag-news-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%}
.tag-news-list>.tag-news-row{display:grid;grid-template-columns:78px minmax(0,1fr) 20px;gap:16px;align-items:start;width:100%;min-width:0;margin:0;padding:18px 8px;border-top:1px solid #e9ecf1}
.tag-news-list>.tag-news-row:first-child{border-top:0;padding-top:4px}
.tag-news-date{padding-top:2px;color:#8b95a5;font:500 11px 'DM Mono',monospace;white-space:nowrap}
.tag-news-row .content-news-copy{min-width:0}
.tag-news-row .content-news-title strong{font-size:14px;line-height:1.55}
.tag-news-row .content-news-copy p{max-width:800px;margin-top:7px;font-size:12px;line-height:1.75}
.tag-news-row .content-news-arrow{margin-top:2px}
.tag-news-row:hover{background:#f8f9fc}
@media(max-width:780px){
  .tag-detail-hero{padding:25px 21px 23px}
  .tag-detail-hero h1{font-size:32px}
  .tag-detail-hero p{font-size:12px}
  .tag-detail-back{margin-top:14px}
  .tag-detail-tabs{gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:10px}
  .tag-detail-tabs::-webkit-scrollbar{display:none}
  .tag-detail-tabs .content-tab{flex:0 0 auto;padding:9px 11px}
  .tag-type-results{padding:21px 0 23px}
  .tag-type-heading{align-items:flex-end;gap:10px}
  .tag-type-heading h2{font-size:18px}
  .tag-type-heading .text-link{font-size:11px}
  .tag-type-results .compact-tool-grid{grid-template-columns:1fr 1fr}
  .tag-type-results .content-tool-grid{grid-template-columns:1fr 1fr}
  .tag-news-list>.tag-news-row{grid-template-columns:52px minmax(0,1fr) 16px;gap:9px;padding:14px 3px}
  .tag-news-date{font-size:10px}
  .tag-news-row .content-news-title strong{font-size:12px}
  .tag-news-row .content-news-copy p{font-size:10px}
}
@media(max-width:420px){.tag-type-results .compact-tool-grid,.tag-type-results .content-tool-grid{grid-template-columns:1fr}}

/* Productivity cards: scenario first, measurable interest, and linked tags. */
.productivity-card{display:flex;min-width:0;min-height:220px;padding:0;overflow:hidden;flex-direction:column;background:#fff}
.productivity-card-main{display:flex;min-width:0;flex:1;flex-direction:column;padding:18px 18px 13px}
.productivity-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.productivity-card-context{display:flex;min-width:0;align-items:center;gap:9px;color:#626e82;font-size:10px;font-weight:650}
.productivity-card-context>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.productivity-card-spark{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid #dedcff;border-radius:8px;background:#f0edff;color:#7769d5;font-size:14px}
.productivity-card-index{display:flex;flex:0 0 auto;align-items:baseline;gap:5px;padding:5px 7px;border:1px solid #e8ebf1;border-radius:7px;background:#f8f9fb;color:#929cad}
.productivity-card-index small{font-size:9px}
.productivity-card-index strong{color:#4f5d75;font:600 11px 'DM Mono',monospace}
.productivity-card .tool-card-title{margin:20px 0 8px}
.productivity-card .tool-card-title-text{font-size:16px;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.productivity-card-main>p{display:-webkit-box;min-height:38px;margin:0;color:#7d8799;font-size:11px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.productivity-card-tags{display:flex;min-height:43px;align-items:center;gap:6px;overflow:hidden;margin:0 18px;padding:12px 0 14px;border-top:1px solid #eef0f5}
.productivity-card-tags a{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 7px;border-radius:5px;background:#f3f5fa;color:#64718a;font-size:9px;transition:color .18s ease,background .18s ease}
.productivity-card-tags a:hover{background:#e9edff;color:var(--blue-dark)}
.productivity-card:hover .productivity-card-title-text{color:var(--blue-dark)}
.content-tool-grid .productivity-card{min-height:226px}
@media(max-width:780px){
  .productivity-card{min-height:210px}
  .productivity-card-main{padding:15px 14px 11px}
  .productivity-card-context{gap:7px;font-size:9px}
  .productivity-card-spark{width:25px;height:25px;flex-basis:25px;font-size:12px}
  .productivity-card-index{gap:4px;padding:4px 6px}
  .productivity-card .tool-card-title{margin:16px 0 7px}
  .productivity-card .tool-card-title-text{font-size:14px}
  .productivity-card-main>p{font-size:10px}
  .productivity-card-tags{min-height:40px;margin:0 14px;padding:10px 0 12px;gap:4px}
  .productivity-card-tags a{max-width:48%;padding:4px 6px;font-size:8px}
}

.update-row{grid-template-columns:55px 52px minmax(0,1fr) 20px;align-items:start}
.update-row time,.update-arrow{padding-top:2px}
.update-copy{display:grid;min-width:0;gap:6px}
.update-copy strong{font-size:12px;font-weight:600;line-height:1.5}
.update-copy small{display:-webkit-box;min-height:34px;overflow:hidden;color:#8993a6;font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(max-width:780px){.update-row{grid-template-columns:45px 45px minmax(0,1fr) 15px;gap:7px;padding:14px 2px}.update-copy{gap:4px}.update-copy strong{font-size:11px;line-height:1.5}.update-copy small{min-height:31px;font-size:10px;line-height:1.55}}

.home-discovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;align-items:stretch}.discovery-panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column}.discovery-panel--recommend{border-top:3px solid #8d86e9}.discovery-panel--updates{border-top:3px solid #6fbca7}.discovery-panel--trending{border-top:3px solid #e3b66b}.discovery-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.discovery-heading h2{font-size:19px;letter-spacing:-.035em;margin:7px 0 4px}.discovery-heading p{color:var(--muted);font-size:10px;line-height:1.5;margin:0;white-space:nowrap}.discovery-count,.discovery-period{color:#9aa5b5;font:10px 'DM Mono',monospace;white-space:nowrap;padding-top:2px}.discovery-period{color:#a08045}.discovery-list{list-style:none;padding:0;margin:17px 0 12px;display:grid;gap:2px;flex:1}.discovery-row{min-width:0;display:flex;align-items:center;gap:9px;padding:8px 5px;border-radius:8px;transition:background .16s ease}.discovery-row:hover{background:#f7f8fc}.discovery-logo{width:29px;height:29px;flex:0 0 29px;border:1px solid var(--line);border-radius:8px;background:#fafbfe;display:grid;place-items:center;color:#bd8b65;font-size:12px;font-weight:800}.discovery-logo img{width:19px;height:19px;object-fit:contain}.discovery-copy{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}.discovery-copy strong{font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-copy small{font-size:9px;color:#9aa4b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-arrow{color:#b0b8c4;font-size:13px}.discovery-version{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5d9d89;font:10px 'DM Mono',monospace}.discovery-list--ranked{gap:1px}.discovery-list--ranked .discovery-row{padding:6px 4px}.discovery-rank{width:19px;flex:0 0 19px;color:#b0b8c4;font:10px 'DM Mono',monospace}.discovery-growth{color:#4d9f88;font:10px 'DM Mono',monospace;white-space:nowrap}.discovery-link{border-top:1px solid #eef0f5;padding:13px 5px 0;color:var(--blue);font-size:10px;white-space:nowrap}.discovery-link span{margin-left:5px}.discovery-empty{color:#a5afbd;font-size:11px;padding:12px 5px}
@media (max-width:1100px){.home-discovery{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-panel--trending{grid-column:1/-1}.discovery-list--ranked{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}}
@media (max-width:780px){.home-discovery{grid-template-columns:1fr;gap:12px;margin-top:16px}.discovery-panel--trending{grid-column:auto}.discovery-heading h2{font-size:18px}.discovery-heading p{white-space:normal}.discovery-list--ranked{grid-template-columns:1fr}.discovery-panel{padding:18px 15px 14px}}

.partner-links{margin-top:47px}
.partner-links-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.partner-link{display:flex;align-items:center;gap:12px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.partner-link:hover{transform:translateY(-2px);border-color:#cad4ff;box-shadow:0 12px 24px rgba(48,65,126,.09)}
.partner-link img{width:26px;height:26px;flex:0 0 26px;border:1px solid var(--line);border-radius:7px;background:#fafbfe;object-fit:contain;padding:3px}
.partner-link-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.partner-link-copy strong{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.partner-link-copy small{font-size:10px;color:#9aa4b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:780px){.partner-links{margin-top:37px}.partner-links-list{grid-template-columns:1fr;gap:9px;margin-top:14px}}