/* Owned only by index, discover and about. Shared navigation and tokens live in site.css. */
.site-page-home,.site-page-discover,.about-page{line-height:1.65}
.public-shell,.home-shell,.discover-shell,.about-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.public-main h1,.public-main h2,.public-main h3,.public-main p{margin:0}
.public-main h1,.public-main h2,.public-main h3{line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}
.public-main a{color:inherit;text-decoration:none}
.public-main section[id],.public-main div[id]{scroll-margin-top:100px}
.public-main :is(a,button,input,select):focus-visible{outline:2px solid var(--site-green);outline-offset:3px}
.public-eyebrow,.home-eyebrow{font-size:var(--text-xs);font-weight:600;color:var(--site-green);letter-spacing:.04em}
.public-muted{color:var(--site-muted);font-size:var(--text-sm);line-height:1.8}
.public-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Buttons and links: one arrow, on primary actions only. */
.public-button,.home-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--site-border);border-radius:var(--radius-control);background:var(--site-surface);padding:0 18px;color:var(--site-ink);font:600 var(--text-sm)/1.4 var(--site-font);box-shadow:var(--shadow-sm);cursor:pointer;transition:background-color .15s,border-color .15s}
.public-main .public-button-primary,.public-main .home-button-primary{background:var(--site-ink);border-color:var(--site-ink);color:#fff}
.public-main .public-button-primary:hover,.public-main .home-button-primary:hover{background:#2b332e;border-color:#2b332e}
.public-button:not(.public-button-primary):hover,.home-button:not(.home-button-primary):hover{border-color:#c4ccbd;background:#fafbf8}
.public-button:disabled{opacity:.6;cursor:wait}
.public-arrow{width:14px;height:14px;flex-shrink:0;transition:transform .18s var(--ease)}
.public-button-primary .public-arrow,.home-button-primary .public-arrow{color:inherit}
:is(a,button):hover>.public-arrow{transform:translateX(2px)}
.public-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.public-text-link,.home-text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--site-green)!important;font-size:var(--text-sm);font-weight:600}
.public-text-link:hover,.home-text-link:hover{text-decoration:underline}

.public-section-head,.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}
.public-section-head h2,.home-section-heading h2{font-size:var(--text-h2)}
.public-section-head p:not(.public-eyebrow),.home-section-heading p:not(.home-eyebrow){font-size:var(--text-body);color:var(--site-muted);margin-top:12px}

/* Cards: typographic cover by default; real manifest images replace it when present. */
.public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}
.public-card{display:flex;flex-direction:column;min-width:0;background:var(--site-surface);border:1px solid var(--site-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s}
.public-card:not(.public-skeleton):hover{border-color:#cdd4c6;box-shadow:var(--shadow-md)}
.public-card-link{display:flex;flex-direction:column;flex:1;min-width:0}
.public-visual{position:relative;aspect-ratio:16/10;margin:8px 8px 0;border-radius:10px;overflow:hidden;isolation:isolate}
.public-cover{position:absolute;inset:0;z-index:0;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:18px 20px 20px;background:var(--cover-bg);color:var(--site-ink)}
.public-cover::before{content:"";position:absolute;z-index:-1;right:-12%;bottom:-34%;width:58%;aspect-ratio:1;border:clamp(14px,2.6vw,28px) solid var(--cover-ring);border-radius:50%}
.tone-0{--cover-bg:linear-gradient(145deg,#f3f7e9,#dfebcb);--cover-ring:rgba(54,94,47,.11)}
.tone-1{--cover-bg:linear-gradient(145deg,#f6f6f2,#e4e6de);--cover-ring:rgba(23,27,25,.07)}
.tone-2{--cover-bg:linear-gradient(145deg,#edf2ed,#d5dfd6);--cover-ring:rgba(48,92,62,.1)}
.tone-3{--cover-bg:linear-gradient(145deg,#f7f3ea,#e9e2d2);--cover-ring:rgba(112,90,52,.1)}
.tone-4{--cover-bg:linear-gradient(145deg,#eff0ee,#dadedb);--cover-ring:rgba(23,27,25,.08)}
.public-cover-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.public-cover.has-image{color:#fff}
.public-cover.has-image::before{right:0;bottom:0;width:auto;inset:0;aspect-ratio:auto;border:0;border-radius:0;background:linear-gradient(180deg,rgba(10,12,11,.18) 0%,rgba(10,12,11,0) 35%,rgba(10,12,11,.72) 100%)}
.public-card .public-meta{display:flex;align-items:center;gap:8px;min-width:0;color:var(--site-muted);font-size:var(--text-xs);line-height:1.5}
.public-kind{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(23,27,25,.06);color:var(--site-ink);font-weight:600;white-space:nowrap}
.public-kind::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--site-green)}
.public-category{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-meta time{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.has-image .public-meta{color:rgba(255,255,255,.86)}
.has-image .public-kind{background:rgba(10,12,11,.42);border-color:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(6px)}
.has-image .public-kind::before{background:#fff}
.public-title{max-width:94%;font-size:var(--text-lg);font-weight:650;line-height:1.3!important;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.public-card-copy{display:flex;flex-direction:column;gap:12px;flex:1;padding:16px 20px 20px}
.public-card .public-summary{font-size:var(--text-sm);line-height:1.7;color:var(--site-muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.public-open{margin-top:auto;color:var(--site-ink);font-size:13px;font-weight:600}
.public-card-link:hover .public-open{text-decoration:underline;text-underline-offset:4px}
.public-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 20px;border-top:1px solid var(--line-soft);font-size:var(--text-xs);color:var(--site-muted)}
.public-preview-button{margin-left:auto;border:0;padding:0 0 0 12px;min-height:44px;background:transparent;color:var(--site-green);font:600 13px/1.5 var(--site-font);cursor:pointer;flex-shrink:0}
.public-preview-button:hover{text-decoration:underline;text-underline-offset:4px}
.public-preview-button:disabled{cursor:wait;opacity:.6}
.public-preview{position:absolute;inset:0;z-index:1;overflow:hidden;background:#fff}
.public-preview-frame{position:absolute;left:0;top:0;width:800px;height:520px;border:0;transform-origin:top left;pointer-events:none;background:#fff}
.public-preview-skeleton,.public-skeleton .public-visual,.public-skeleton-line{background:linear-gradient(90deg,#eceee8 25%,#f5f6f2 50%,#eceee8 75%);background-size:200% 100%;animation:public-shimmer 1.6s ease-in-out infinite}
.public-preview-skeleton{position:absolute;inset:0}
.public-skeleton-line{display:block;height:12px;border-radius:6px;width:86%}
.public-skeleton-line.short{width:52%}
.public-skeleton .public-card-copy{gap:10px;padding-bottom:28px}
@keyframes public-shimmer{from{background-position:100% 0}to{background-position:-100% 0}}

/* Featured card: the same structure on graphite. */
.public-feature{background:var(--site-ink);border-color:var(--site-ink);color:#fff;border-radius:20px;box-shadow:0 1px 2px rgba(23,27,25,.08),0 28px 60px -36px rgba(23,27,25,.55)}
.public-feature:not(.public-skeleton):hover{border-color:var(--site-ink);box-shadow:0 1px 2px rgba(23,27,25,.08),0 32px 64px -34px rgba(23,27,25,.6)}
.public-feature .public-visual{aspect-ratio:16/9;margin:10px 10px 0;border-radius:12px}
.public-feature .public-cover{--cover-bg:radial-gradient(90% 120% at 100% 100%,#2f3d2b 0%,rgba(47,61,43,0) 62%),linear-gradient(155deg,#262d28,#1b201d);--cover-ring:rgba(197,245,102,.09);color:#fff;padding:24px 28px 28px}
.public-feature .public-meta{color:#a9b3a6}
.public-feature .public-kind{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}
.public-feature .public-kind::before{background:#fff}
.public-feature .public-title{font-size:clamp(24px,2.5vw,34px);font-weight:650;letter-spacing:-.035em;line-height:1.22!important;max-width:88%}
.public-feature .public-card-copy{padding:18px 26px 24px}
.public-feature .public-summary{color:#b6bfb3;font-size:var(--text-body)}
.public-feature .public-open{color:#fff}
.public-feature .public-card-foot{border-color:rgba(255,255,255,.09);color:#9ea89b;padding-inline:26px}
.public-feature .public-preview-button{color:#fff}
.public-feature.public-skeleton .public-visual,.public-feature .public-skeleton-line,.public-feature .public-preview-skeleton{background-image:linear-gradient(90deg,#222823 25%,#2c332d 50%,#222823 75%)}

/* A single remaining card reads as a deliberate wide row, not a lone column. */
.public-grid[data-count="1"]>.public-card .public-card-link{flex-direction:row}
.public-grid[data-count="1"]>.public-card .public-visual{flex:0 0 min(48%,520px);align-self:flex-start;margin:8px}
.public-grid[data-count="1"]>.public-card .public-card-copy{justify-content:center;padding:28px 32px}
.public-grid[data-count="1"]>.public-card .public-summary{-webkit-line-clamp:4;font-size:var(--text-body)}

.public-state{grid-column:1/-1;padding:40px;border:1px solid var(--site-border);border-radius:var(--radius-card);background:var(--site-surface)}
.public-state h2{font-size:var(--text-xl)}
.public-state p{max-width:560px;color:var(--site-muted);font-size:var(--text-body);margin:12px 0 24px}
#home-feature:empty,#about-example:empty{min-height:420px}

/* Home */
.home-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);grid-template-areas:"intro stage" "actions stage";column-gap:72px;row-gap:32px;padding-block:72px 88px;align-items:center}
.home-intro{grid-area:intro;align-self:end}
.home-hero h1{font-size:var(--text-display);font-weight:700;line-height:1.06;letter-spacing:-.055em;margin:20px 0 24px}
.home-hero h1 span{color:var(--site-green)}
.home-hero .home-lede{font-size:var(--text-lede);line-height:1.8;color:var(--site-muted);max-width:25em}
.home-stage{grid-area:stage;min-width:0}
.home-stage-label{display:flex;justify-content:space-between;gap:16px;color:var(--site-muted);font-size:var(--text-xs);margin-bottom:12px!important}
.home-stage-label span:first-child{color:var(--site-green);font-weight:600}
.home-hero-actions{grid-area:actions;align-self:start}
.home-quiet-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:8px;font-size:var(--text-sm);color:var(--site-muted)}
.home-quiet-links a{display:inline-flex;align-items:center;min-height:44px}
.home-quiet-links a:hover{color:var(--site-ink)}
.home-section{padding-block:88px}
.home-section-heading .home-eyebrow{margin-bottom:12px}
.home-how{border-block:1px solid var(--site-border);background:rgba(255,255,255,.45)}
.home-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:8px}
.home-steps article{padding-top:24px;border-top:1px solid var(--site-border)}
.home-step-number{display:block;color:var(--site-green);font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums;margin-bottom:16px}
.home-steps h3{font-size:var(--text-lg)}
.home-steps p{font-size:var(--text-body);color:var(--site-muted);line-height:1.8;margin-top:8px}
.home-download-intro{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:8px;color:var(--site-muted);font-size:var(--text-sm)}
.home-download-intro>a{display:inline-flex;align-items:center;min-height:44px}
.home-download-intro>a:not(.home-text-link):hover{color:var(--site-ink)}
.home-download-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-main .dlbtn{display:flex;flex-direction:column;align-items:flex-start;position:relative;min-width:0;gap:4px;padding:24px;border-radius:var(--radius-card);background:var(--site-surface);border:1px solid var(--site-border);box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s}
.home-main .dlbtn:hover{border-color:#cdd4c6;box-shadow:var(--shadow-md)}
.home-main .dlbtn svg{width:40px;height:40px;padding:9px;margin-bottom:16px;border-radius:10px;background:var(--site-bg);border:1px solid var(--line-soft);color:var(--site-ink)}
.home-main .dlbtn b{font-size:var(--text-body);font-weight:650}
.home-main .dlbtn small{font-size:13px;line-height:1.6;color:var(--site-muted)}
.home-main .dlbtn.hot{border-color:#b9cd9f;box-shadow:0 0 0 3px rgba(197,245,102,.28)}
.home-main .dlbtn.hot:after{content:"适合当前设备";position:absolute;right:16px;top:20px;padding:2px 8px;border-radius:999px;background:#eef6dd;font-size:11px;font-weight:600;color:var(--site-green)}
.home-main .download-action{font-size:13px;font-weight:600;color:var(--site-green);margin-top:auto;padding-top:16px}
.home-main .dlbtn:hover .download-action{text-decoration:underline;text-underline-offset:4px}
.home-main .preview-note{margin-top:16px;color:var(--site-muted);font-size:13px}
.home-altget{margin-top:16px}
.home-cmd{display:flex;align-items:center;gap:16px;padding:4px 8px 4px 16px;background:var(--site-surface);border:1px solid var(--site-border);border-radius:var(--radius-control);font:13px/1.5 var(--mono)}
.home-cmd code{overflow:auto;white-space:nowrap;flex:1;min-width:0}
.home-cmd button{border:0;background:none;color:var(--site-green);font:600 13px var(--site-font);cursor:pointer;flex-shrink:0;min-height:44px;padding:0 10px}
.home-mobile{margin-top:56px;padding-top:40px;border-top:1px solid var(--site-border)}
.home-mobile h3{font-size:var(--text-xl)}
.home-mobile>p{color:var(--site-muted);font-size:var(--text-body);margin-top:8px}
.home-mobile .home-download-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin-top:24px}
.home-mobile .preview-note{line-height:1.8;max-width:920px}

.public-footer{padding:32px 0;border-top:1px solid var(--site-border);font-size:var(--text-xs);color:var(--site-muted)}
.public-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.public-footer strong{color:var(--site-ink);font-size:var(--text-body)}
.public-footer nav{display:flex;gap:24px;flex-wrap:wrap}
.public-footer a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}
.public-footer nav a:hover{color:var(--site-ink)}

/* Discover */
.discover-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-top:56px;padding-bottom:32px}
.discover-heading h1{font-size:var(--text-h1)}
.discover-heading p{font-size:var(--text-body);color:var(--site-muted);margin-top:12px}
.discover-search{display:flex;align-items:center;gap:10px;min-width:0;width:340px;border:1px solid var(--site-border);border-radius:var(--radius-control);padding:0 14px;background:var(--site-surface);box-shadow:var(--shadow-sm)}
.discover-search:focus-within{border-color:var(--site-green);box-shadow:0 0 0 3px rgba(54,94,47,.12)}
.discover-search svg{width:18px;height:18px;flex-shrink:0;color:var(--site-muted)}
.discover-search input{width:100%;min-width:0;min-height:44px;border:0;background:transparent;font:15px/1.5 var(--site-font);color:var(--site-ink);outline:none}
.discover-search input::placeholder{color:var(--site-muted)}
.discover-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--site-border);padding-bottom:16px;margin-bottom:32px}
.discover-filters{display:flex;gap:4px;flex-wrap:wrap}
.discover-filters button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--site-muted);font:500 var(--text-sm)/1.5 var(--site-font);cursor:pointer}
.discover-filters button span{font-size:var(--text-xs);font-variant-numeric:tabular-nums;opacity:.8}
.discover-filters button[aria-pressed="true"]{background:var(--site-surface);border-color:var(--site-border);color:var(--site-ink);font-weight:600;box-shadow:var(--shadow-sm)}
.discover-filters button[aria-pressed="true"] span{color:var(--site-green);opacity:1}
.discover-filters button:not([aria-pressed="true"]):hover{color:var(--site-ink)}
.discover-sort{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;color:var(--site-muted)}
.discover-sort select{min-height:44px;max-width:100%;padding:0 10px;border:1px solid var(--site-border);border-radius:var(--radius-control);background:var(--site-surface);color:var(--site-ink);font:var(--text-sm)/1.5 var(--site-font)}
.discover-main :is(button,input,select):disabled{opacity:.6;cursor:wait}
.discover-library{padding-bottom:88px}
.discover-options{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--site-muted);font-size:13px}
.discover-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--site-border);padding:4px 8px 4px 16px;border-radius:var(--radius-control);background:var(--site-surface);font-size:var(--text-sm);margin-bottom:24px}
.discover-notice button{min-height:44px;border:0;background:transparent;color:var(--site-green);font:600 var(--text-sm) var(--site-font);cursor:pointer;flex-shrink:0;padding:0 8px}
.discover-invite{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;margin-top:64px;border:1px solid var(--site-border);border-radius:var(--radius-card);background:var(--site-surface)}
.discover-invite h2{font-size:var(--text-xl)}
.discover-invite p{color:var(--site-muted);font-size:var(--text-body);margin-top:8px}
.discover-invite a{flex-shrink:0}

/* About */
.about-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:end;padding-block:80px 64px;border-bottom:1px solid var(--site-border)}
.about-hero h1{font-size:var(--text-h1-lg);font-weight:700;line-height:1.12;margin-top:16px}
.about-hero h1 span{color:var(--site-green)}
.about-hero .lede{font-size:var(--text-lede);line-height:1.8;color:var(--site-muted);max-width:29em;margin-bottom:24px}
.about-case{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;padding-block:64px 80px}
.about-case-copy h2{font-size:var(--text-h2);margin:12px 0 16px}
.about-case-copy>p:not(.public-eyebrow){font-size:var(--text-body);color:var(--site-muted);line-height:1.85;max-width:31em}
.about-case-copy ol{list-style:none;padding:0;margin:24px 0 0}
.about-case-copy li{display:flex;align-items:baseline;gap:20px;border-top:1px solid var(--site-border);padding:16px 0;font-size:var(--text-body);color:var(--site-muted)}
.about-case-copy li b{flex-shrink:0;color:var(--site-ink);font-weight:600}
.about-rules{border-top:1px solid var(--site-border);padding-top:64px;margin-bottom:64px}
.about-rule-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.about-rule{padding:24px 0;border-top:1px solid var(--site-border)}
.about-rule h3{font-size:var(--text-lg);margin-bottom:8px}
.about-rule p{font-size:var(--text-body);color:var(--site-muted);line-height:1.85;max-width:35em}
.about-rule a{display:inline-flex;align-items:center;min-height:44px;color:var(--site-green);font-size:var(--text-sm);font-weight:600}
.about-rule a:hover{text-decoration:underline}
.about-close{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--site-border);padding-block:48px 80px}
.about-close h2{font-size:var(--text-xl)}
.about-close p{font-size:var(--text-body);color:var(--site-muted);margin-top:8px}

@media(max-width:1000px){
  .home-hero{column-gap:40px}.home-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero,.about-case{gap:40px}
}
@media(max-width:760px){
  .public-shell,.home-shell,.discover-shell,.about-wrap{width:calc(100% - 40px)}
  .home-hero{grid-template-columns:1fr;grid-template-areas:"intro" "stage" "actions";gap:28px;padding-block:40px 48px}
  .home-hero h1{margin:12px 0 16px}.home-hero-actions .public-actions>*{flex:1}
  .home-quiet-links{margin-top:4px;gap:20px}
  .public-feature .public-visual{margin:8px 8px 0}.public-feature .public-cover{padding:18px 20px 20px}.public-feature .public-card-copy{padding:16px 20px 20px}
  .public-feature .public-card-foot{padding-inline:20px}.public-feature .public-summary{font-size:var(--text-sm)}
  .public-grid{gap:16px}
  .public-grid[data-count="1"]>.public-card .public-card-link{flex-direction:column}
  .public-grid[data-count="1"]>.public-card .public-visual{flex:none;margin:8px 8px 0}
  .public-grid[data-count="1"]>.public-card .public-card-copy{padding:16px 20px 20px}
  .public-section-head,.home-section-heading{align-items:start;gap:12px;flex-direction:column;margin-bottom:24px}
  .home-section{padding-block:56px}.home-steps{grid-template-columns:1fr;gap:0}.home-steps article{padding-block:20px}.home-step-number{margin-bottom:8px}
  .home-main .dlbtn{padding:20px}.home-mobile{margin-top:40px;padding-top:32px}
  #home-feature:empty,#about-example:empty{min-height:340px}
  .discover-heading{align-items:stretch;flex-direction:column;gap:20px;padding-top:40px;padding-bottom:24px}.discover-search{width:100%}
  .discover-controls{flex-wrap:wrap;gap:8px;margin-bottom:24px}.discover-sort{margin-left:auto}
  .discover-options{width:100%;font-size:var(--text-xs)}
  .discover-invite{align-items:start;flex-direction:column;gap:20px;padding:24px;margin-top:48px}.discover-library{padding-bottom:56px}.discover-notice{align-items:start}
  .about-hero{grid-template-columns:1fr;gap:24px;padding-block:48px 40px}.about-hero .lede{margin-bottom:20px}
  .about-case{grid-template-columns:1fr;gap:32px;padding-block:40px 48px}.about-case-copy li{gap:16px}
  .about-rule-grid{grid-template-columns:1fr}.about-rules{padding-top:40px;margin-bottom:24px}.about-close{flex-direction:column;align-items:start;gap:24px;padding-block:40px 56px}
  .public-footer-inner{align-items:start;flex-direction:column;gap:8px}.public-state{padding:28px}
}
@media(max-width:520px){.home-download-grid{grid-template-columns:1fr}.home-main .dlbtn.hot:after{top:22px}}
@media(max-width:370px){
  .public-shell,.home-shell,.discover-shell,.about-wrap{width:calc(100% - 28px)}
  .home-hero-actions .public-actions{gap:8px}.home-button{padding-inline:12px;font-size:13px}
  .discover-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.discover-filters button{justify-content:space-between;padding-inline:12px}
  .public-card-copy,.public-feature .public-card-copy,.public-card-foot,.public-feature .public-card-foot{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.public-main *{transition:none!important;scroll-behavior:auto!important;animation:none!important}}