.public-site { --public-copy: #aeb4c7; --public-muted: #858ca3; }
.public-header nav a { font-size: 13px; }
.public-login { min-height: 42px; padding-inline: 16px; font-size: 12px; }
.public-site {
  --public-max: 1180px;
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 4%, rgba(0, 229, 160, .08), transparent 25rem),
    radial-gradient(circle at 92% 10%, rgba(124, 92, 252, .13), transparent 30rem),
    #070712;
  color: #f5f6fc;
  font-family: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.public-site::before { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .7; background-image: linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px); background-size: 72px 72px; }
.public-site > * { position: relative; z-index: 1; }
.public-site h1, .public-site h2, .public-site h3, .public-site p { margin-top: 0; }
.public-site em { color: #00e5a0; font-style: normal; }
.public-header { width: min(var(--public-max), calc(100% - 48px)); height: 78px; margin: 0 auto; display: grid; grid-template-columns: 210px 1fr auto; align-items: center; gap: 28px; border-bottom: 1px solid rgba(255,255,255,.08); }
.public-brand { display: flex; align-items: center; gap: 11px; }
.public-brand > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(135deg,#00e5a0,#00c8ff 56%,#7c5cfc); color: #04110e; font-size: 17px; font-weight: 900; box-shadow: 0 0 30px rgba(0,200,255,.15); }
.public-brand > b { display: grid; color: #f6f7fe; font-size: 13px; letter-spacing: 0; }
.public-brand small { margin-top: 2px; color: #5d637d; font-size: 12px; letter-spacing: 0; }
.public-brand.compact > span { width: 28px; height: 28px; font-size: 14px; }
.public-header nav { display: flex; justify-content: center; gap: 25px; }
.public-header nav a { position: relative; color: #8a8fa6; font-size: 12px; font-weight: 700; transition: .18s ease; }
.public-header nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -9px; height: 1px; background: #00e5a0; transition: .18s ease; }
.public-header nav a:hover { color: #eef0f8; }
.public-header nav a:hover::after { right: 0; }
.public-login { min-height: 34px; padding: 0 14px; display: grid; place-items: center; border: 1px solid rgba(0,229,160,.28); border-radius: 8px; background: rgba(0,229,160,.07); color: #69efbf; font-size: 12px; font-weight: 850; }
.public-footer { width: min(var(--public-max), calc(100% - 48px)); min-height: 230px; margin: 0 auto; padding: 42px 0 35px; display: grid; grid-template-columns: 1.4fr .7fr .7fr; gap: 50px; border-top: 1px solid rgba(255,255,255,.08); }
.public-footer p { margin: 17px 0 0; color: #62687f; font-size: 12px; }
.public-footer > div:not(:first-child) { display: grid; align-content: start; gap: 10px; }
.public-footer > div:not(:first-child) b { margin-bottom: 7px; color: #dfe1ec; font-size: 12px; }
.public-footer > div:not(:first-child) a, .public-footer > div:not(:first-child) span { color: #6d738a; font-size: 12px; }
.public-footer > div:not(:first-child) a:hover { color: #00e5a0; }
.public-footer > small { grid-column: 1/-1; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.055); color: #4f556c; font-size: 12px; line-height: 1.7; }

@media (max-width: 900px) {
  .public-header { grid-template-columns: 1fr auto; }
  .public-header nav { display: none; }
}
@media (max-width: 620px) {
  .public-header, .public-footer { width: min(100% - 28px, var(--public-max)); }
  .public-header { height: 66px; }
  .public-login { min-height: 32px; padding-inline: 10px; }
  .public-footer { grid-template-columns: 1fr 1fr; }
  .public-footer > div:first-child { grid-column: 1/-1; }
}
.public-header nav a { font-size: 13px; }
.public-login { font-size: 12px; }
.public-brand small { font-size: 12px; }
.public-site :is(a,button,input,summary):focus-visible { outline: 2px solid #65eabb; outline-offset: 3px; }
.public-site { background: radial-gradient(ellipse at 5% 0%, #173e343d, transparent 45%), #080f17; }
.public-site::before { opacity: .24; }
.public-header { grid-template-columns: 245px minmax(0, 1fr) auto; height: 90px; gap: 20px; }
.public-header > nav { gap: 20px; justify-content: center; }
.public-brand { gap: 12px; }
.public-brand > span { width: 42px; height: 42px; border-radius: 13px; font-size: 25px; }
.public-brand > b { color: #f2f7f6; font-family: "Helvetica Neue", Helvetica, "Segoe UI", sans-serif; font-size: 25px; line-height: 1.12; letter-spacing: 0; font-weight: 600; font-synthesis: none; }
.public-brand small { margin-top: 7px; color: #adbdc4; font-size: 11px; letter-spacing: 0; line-height: 1.4; font-weight: 450; }
.public-login { min-height: 42px; padding: 0 15px; border-color: #3d5c51; color: #c7e8da; white-space: nowrap; }
.public-header :is(a, summary):focus-visible, .public-footer a:focus-visible { outline: 2px solid #67e4b0; outline-offset: 5px; }
.public-footer .public-brand > b { font-size: 24px; }
@media (min-width: 981px) and (max-width: 1120px) { .public-header { gap: 12px; grid-template-columns: 220px minmax(0, 1fr) auto; } .public-header > nav { gap: 12px; } }
@media (max-width: 620px) { .public-header { height: 76px; width: calc(100% - 36px); } .public-brand > span { width: 32px; height: 32px; border-radius: 10px; font-size: 21px; } .public-brand > b { font-size: 23px; } .public-brand { gap: 8px; } .public-login { font-size: 12px; padding: 0 10px; } }
.public-mobile-menu { display: none; }
.public-site > .public-header { z-index: 20; }
.public-site :is(th, td) { padding: 14px 16px; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.public-site :is(.public-article, .method-timeline) p { font-size: 15px; line-height: 1.85; }
.public-site :is(.public-article, .method-timeline) li { font-size: 14px; line-height: 1.75; }
.public-site .snapshot-meta { gap: 10px; flex-wrap: wrap; }
.public-site .public-page-hero { min-height: 230px; padding: 32px 0; }
.public-site .public-page-hero h1 { font-size: clamp(32px, 4vw, 52px); }
.public-site .ranking-section { padding-top: 28px; }
.public-site .public-ranking-copy > p { font-size: 14px; }
.public-site .public-ranking-meta { font-size: 12px; }
@media (max-width: 980px) {
  .public-header { grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; }
  .public-header > nav { display: none; }
  .public-mobile-menu { position: relative; display: block; }
  .public-mobile-menu summary { display: flex; align-items: center; min-height: 44px; padding: 0 10px; color: #dce8ea; cursor: pointer; font-size: 14px; }
  .public-header .public-mobile-menu nav { position: absolute; z-index: 50; right: 0; top: 100%; width: 200px; display: grid; padding: 8px; gap: 2px; border: 1px solid #304250; border-radius: 10px; background: #0d1c29; box-shadow: 0 12px 32px #0008; }
  .public-header .public-mobile-menu nav a { display: block; padding: 12px; font-size: 14px; }
  .public-site .public-page-hero { grid-template-columns: minmax(0, 1fr); gap: 0; min-height: 0; padding: 28px 0; }
}
@media (max-width: 620px) {
  .public-site .public-page-hero h1 { font-size: 32px; line-height: 1.2; overflow-wrap: anywhere; }
  .public-site .public-section-head { display: flex; flex-wrap: wrap; gap: 10px; }
  .public-site :is(th, td) { padding: 10px 8px; font-size: 13px; }
  .public-site table { width: 100%; table-layout: fixed; }
  .public-site .public-brand small { display: none; }
}
:root{--ink:#f5f6fc;--muted:#aeb4c7;--line:#ffffff1f;--green:#69efbf;--coral:#f0b76a;--surface:#141622;font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#070712;letter-spacing:0;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button,a,summary{cursor:pointer}a:hover{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid #269575;outline-offset:4px}[hidden]{display:none!important}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p,figure{margin:0}p{line-height:1.75}button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:5px;min-height:42px;padding:8px 13px}small{font-size:12px;color:var(--muted)}
.site-header{max-width:1200px;margin:auto;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 28px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center}.brand>span{width:35px;height:35px;display:grid;place-items:center;background:var(--coral);color:white;border-radius:7px;font-size:25px;font-weight:700}.brand b{font-size:23px;line-height:1.1}.brand small{display:block;font-weight:400;font-size:11px;margin-top:6px}.site-header nav{display:flex;gap:27px;align-items:center;font-size:14px}.site-header nav [aria-current]{color:var(--green);font-weight:700}.research-link{font-size:13px;display:flex;gap:6px;align-items:center}.skip-link{position:absolute;left:20px;top:-100px}.skip-link:focus{top:10px;background:#fff;padding:10px;z-index:10}
main{max-width:1144px;padding:0 28px;margin:auto}.intro{padding:39px 0 28px}.intro>small,.detail-intro small{color:var(--green);font-weight:700}.intro h1{font-size:34px;line-height:1.3;margin:12px 0 8px}.intro p{color:var(--muted);font-size:16px}.edition{display:block;font-size:12px;color:var(--muted);margin-top:17px}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-bottom:1px solid var(--line);padding-bottom:30px}.pack-grid article{min-width:0}.pack-grid h2{font-size:20px;margin:6px 0 7px;line-height:1.4}.pack-grid h2 a{display:flex;align-items:center;justify-content:space-between;gap:9px}.pack-grid p{color:var(--muted);font-size:13px}.pack-state{font-size:11px;display:block;margin-top:12px;color:var(--green)}.sample{min-width:0;background:var(--surface);overflow:hidden;border-radius:5px}.sample img,.sample video{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;background:#eef1f2}.sample figcaption{padding:8px 10px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.sample.compact{margin-bottom:15px}.sample.compact img,.sample.compact video{aspect-ratio:2/1}.sample.compact figcaption{min-height:43px}.media-failure{padding:22px;font-size:13px}
.catalog{padding:29px 0 45px}.catalog-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.catalog-header h2{font-size:21px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:5px;padding:0 12px;min-height:44px;width:345px;max-width:100%}.search input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:13px}.search:focus-within{outline:2px solid var(--green)}.filters{display:flex;flex-wrap:wrap;gap:0;margin:21px 0 6px;border-bottom:1px solid var(--line)}.filters button{border:0;border-radius:0;position:relative;background:transparent;color:var(--muted);font-size:13px;padding:12px 16px}.filters button[aria-pressed=true]{color:var(--green);box-shadow:inset 0 -2px var(--green);font-weight:700}.result-count{font-size:11px;color:var(--muted);padding:8px 0}.prompt-row{min-height:88px;display:grid;grid-template-columns:52px minmax(0,1fr) 112px;gap:20px;align-items:center;padding:18px 12px;border-bottom:1px solid var(--line)}.prompt-row:hover{background:var(--surface)}.prompt-row>small{font-variant-numeric:tabular-nums;color:var(--green)}.prompt-row h3{font-size:15px;line-height:1.5;margin-bottom:4px}.prompt-row p{font-size:12px;color:var(--muted)}.prompt-row>span{font-size:12px;display:flex;gap:6px;align-items:center;justify-content:flex-end}.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}#no-results{padding:35px 10px}#no-results p{font-size:14px;margin:10px 0 20px}
.breadcrumb{padding:25px 0;font-size:13px}.breadcrumb a{display:inline-flex;align-items:center;gap:7px}.detail-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:40px;align-items:start;padding-bottom:34px;border-bottom:1px solid var(--line)}.detail-intro h1{font-size:30px;line-height:1.4;margin:12px 0}.detail-intro p{color:var(--muted)}.detail-intro ol{padding-left:22px;font-size:13px;line-height:2.1;margin-top:19px}.detail-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:38px;padding:30px 0 55px}.detail-layout aside{align-self:start;position:sticky;top:22px;min-width:0}.detail-layout aside h2{font-size:14px;margin-bottom:15px}.detail-layout aside nav a{display:block;font-size:13px;padding:10px 0;border-bottom:1px solid var(--line);line-height:1.6}.download-state{border-top:2px solid var(--green);margin-top:31px;padding-top:18px}.download-state p,.download-state small{font-size:12px;color:var(--muted);line-height:1.8}.download-state a{display:flex;gap:7px;font-size:13px;color:var(--green)}.editorial-note{font-size:12px;color:var(--muted);padding-bottom:20px}.prompt-block{scroll-margin-top:25px;padding:0 0 30px;margin-bottom:29px;border-bottom:1px solid var(--line);min-width:0}.prompt-block header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.prompt-block h2{font-size:21px;line-height:1.5;margin-top:6px}.prompt-block header small{color:var(--green)}.copy-button{display:flex;gap:6px;align-items:center;flex-shrink:0;font-size:12px;min-width:82px;justify-content:center}.copy-button:hover{background:var(--surface)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.9;background:var(--surface);border-left:3px solid #b5c8c1;margin:0;padding:20px;max-width:100%}.checkpoint{font-size:12px;margin-top:13px;color:var(--muted)}.checkpoint b{color:var(--ink)}.original{margin-top:18px}.original summary{font-size:13px;color:var(--green);padding:9px 0}.original p{font-size:12px;color:var(--muted);margin:10px 0}.original pre{background:#fafbfb;border-left:2px solid var(--line);font-size:12px}.source-locator{overflow-wrap:anywhere}.source-links{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--green)}.source-links a{display:flex;gap:4px;align-items:center;min-height:36px}
footer{border-top:1px solid var(--line);max-width:1144px;margin:auto;padding:30px 28px 40px}footer b{font-size:14px}footer p{font-size:12px;color:var(--muted);margin:9px 0}footer small{font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;max-width:calc(100% - 30px);background:var(--ink);color:#fff;border-radius:5px;font-size:13px;opacity:0;pointer-events:none}.toast.visible{opacity:1}
@media(max-width:900px){.site-header{gap:18px}.site-header nav{gap:17px}.research-link{display:none}.pack-grid{gap:16px}.pack-grid h2{font-size:18px}.detail-intro{gap:25px}.detail-layout{grid-template-columns:180px minmax(0,1fr);gap:25px}}
@media(max-width:620px){main{padding:0 18px}.site-header{padding:15px 18px;min-height:76px;flex-wrap:wrap;gap:17px}.site-header nav{gap:22px;font-size:13px}.brand b{font-size:21px}.brand small{font-size:10px}.intro{padding:26px 0}.intro h1{font-size:28px}.pack-grid{grid-template-columns:1fr;gap:24px}.pack-grid article{display:grid;grid-template-columns:115px minmax(0,1fr);column-gap:15px;align-content:start}.pack-grid .sample{grid-column:1;grid-row:1/6;margin:0}.sample.compact img,.sample.compact video{aspect-ratio:1/1}.sample.compact figcaption{min-height:0;font-size:10px;padding:6px}.pack-grid article>small,.pack-grid article>h2,.pack-grid article>p,.pack-grid article>.pack-state{grid-column:2}.pack-grid h2{font-size:17px}.pack-state{font-size:10px}.catalog-header{align-items:stretch;flex-direction:column;gap:17px}.search{width:100%}.filters button{font-size:12px;padding:10px}.prompt-row{grid-template-columns:37px minmax(0,1fr);gap:10px;padding:15px 0}.prompt-row>span{grid-column:2;justify-content:flex-start;font-size:11px}.prompt-row h3{font-size:14px}.detail-intro{grid-template-columns:1fr;gap:20px}.detail-intro h1{font-size:27px}.detail-intro .sample{max-width:100%}.detail-layout{grid-template-columns:1fr;gap:28px}.detail-layout aside{position:static;display:grid;grid-template-columns:1fr;gap:0}.download-state{margin-top:20px;padding-top:15px}.prompt-block h2{font-size:19px}.prompt-block header{align-items:flex-start}.copy-button{min-width:72px;padding:8px}.prompt-block pre{padding:15px;font-size:13px}.prompt-block{scroll-margin-top:15px}footer{padding:25px 18px}}
.topic-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;border-block:1px solid var(--line);padding:7px 0 20px;margin-bottom:28px}.topic-directory a{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:17px 0;font-size:14px;color:var(--green)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 18px}.section-heading h2{font-size:20px}.section-heading p{font-size:12px;color:var(--muted)}
.guide-intro{padding:10px 0 30px;border-bottom:1px solid var(--line);max-width:100%}.guide-intro h1{font-size:30px;line-height:1.5;margin:10px 0;max-width:850px;overflow-wrap:anywhere}.guide-intro p{color:var(--muted);max-width:800px;margin-bottom:12px}.guide-intro>small{color:var(--green)}.lesson{scroll-margin-top:24px;padding-bottom:25px;margin-bottom:24px;border-bottom:1px solid var(--line)}.lesson h2,.related h2{font-size:21px;line-height:1.5;margin-bottom:15px}.lesson p,.lesson li{font-size:14px;line-height:1.95;margin-bottom:12px}.lesson ul{padding-left:22px}.lesson a{color:var(--green)}.lesson small{display:block;margin-top:5px}.related{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);padding:26px 0 40px}.related h2{width:100%;font-size:18px;margin:0}.related a{font-size:13px;min-height:40px;display:flex;align-items:center;gap:8px;color:var(--green)}
.builder-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:40px;padding:30px 0}.tool-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;font-size:13px}.tool-field input,.tool-field select{width:100%;min-width:0;padding:10px 11px;min-height:44px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:inherit}.tool-field select{padding-right:25px}.tool-field input:focus-visible,.tool-field select:focus-visible{outline:2px solid var(--green);outline-offset:2px}.builder-layout fieldset{padding:16px 0 0;border:0;border-top:1px solid var(--line);margin:0;min-width:0}.builder-layout legend{font-size:12px;color:var(--muted);padding:0 10px 0 0}.builder-output{min-width:0}.builder-output>header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.builder-output h2{font-size:21px}.builder-output pre{min-height:390px}.reset-tool{display:flex;align-items:center;gap:6px;font-size:13px}
@media(max-width:900px){.topic-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading{display:block}.section-heading p{margin-top:7px}.builder-layout{gap:24px}}
@media(max-width:620px){.topic-directory{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;margin-bottom:24px}.topic-directory a{font-size:13px}.guide-intro h1{font-size:25px}.guide-intro p{font-size:14px}.builder-layout{grid-template-columns:1fr;gap:28px}.builder-output pre{min-height:380px}.lesson h2{font-size:19px}.lesson p,.lesson li{font-size:14px}.section-heading h2{font-size:19px}}

/* Content surfaces use the public site's chrome, font and content width. */
.resources-body main{width:min(var(--public-max),calc(100% - 48px));max-width:none;padding:0}
.resources-body .public-footer{max-width:none}
.resources-body .public-site{letter-spacing:0}
.resources-body .public-brand small{color:#adbdc4}
.resources-body .public-header nav a[aria-current]{color:var(--green)}
.resources-body .public-header nav a[aria-current]::after{right:0}
.resources-body .public-footer :is(p,small,a){color:#a4aabe}
.resources-body .public-footer small a:hover{color:var(--green)}
.resources-body .intro{padding:34px 0 24px}
.resources-body .intro>small{display:block;margin-bottom:10px;color:var(--green);font-weight:700;letter-spacing:.07em}
.resources-body .intro>p{max-width:760px;margin-top:13px;color:#aeb8c7;font-size:14px;line-height:1.8}
.resources-body .intro-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px}
.resources-body .intro-actions a{min-height:44px;padding:0 17px;display:inline-flex;align-items:center;gap:9px;border:1px solid #396552;border-radius:6px;color:#a9efd4;font-size:13px;font-weight:700}
.resources-body .intro-actions a:first-child{border-color:#65eabb;color:#061510;background:#65eabb}
.resources-body .intro-actions a:hover{transform:translateY(-1px)}
.resources-body :is(.intro,.detail-intro,.guide-intro) h1{font-family:"FZKai-Z03","Kaiti SC","KaiTi","PingFang SC",sans-serif;font-size:36px;line-height:1.3;letter-spacing:0}
.resources-body .intro h1{margin:0}
.resources-body button,.resources-body .tool-field :is(input,select){background:var(--surface);color:var(--ink);border-color:var(--line)}
.resources-body button:hover{background:#202536}
.resources-body .filters button{background:transparent;color:var(--muted)}
.resources-body .filters button[aria-pressed=true]{color:var(--green)}
.resources-body .search input{color:var(--ink)}
.resources-body input::placeholder{color:#939aad}
.resources-body .sample{background:#10121b;border:1px solid var(--line);border-radius:6px}
.resources-body .sample :is(img,video){background:#0a0b10}
.resources-body .sample figcaption{color:#abb2c5}
.resources-body .pack-grid article>small{color:#f0b76a}
.resources-body pre{border-color:#4e8b77;color:#e4e9f1;background:#121620}
.resources-body .original pre{background:#101219;border-color:#424957;color:#d1d7e5}
.resources-body .original summary{color:var(--green)}
.resources-body .checkpoint b{color:#eacb9c}
.resources-body .prompt-block h2{font-size:21px}
.resources-body .copy-button{border-color:#3b6a59;color:#9deccf;background:#14251f}
.resources-body .skip-link:focus{background:#141622;color:var(--ink);z-index:100}
.resources-body .policy-body{padding-bottom:45px;max-width:850px}
.resources-body .policy-body h2{font-size:21px;margin:28px 0 12px}
.resources-body .guide-body>p{margin-bottom:18px;line-height:1.85;color:var(--muted)}
.resources-body .source-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.resources-body .source-media-grid figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface)}.resources-body .source-media-grid a{display:block;background:#10121b}.resources-body .source-media-grid img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top}.resources-body .source-media-grid figcaption{padding:9px 11px;font-size:12px;line-height:1.5;color:var(--muted)}
.resources-body .toast{background:#dff7ed;color:#123728;z-index:1001}
.resources-body .defto-consent-settings{color:#aeb4c7}
@media(max-width:980px){.resources-body .public-header{grid-template-columns:minmax(0,1fr) auto auto;gap:14px}.resources-body .public-header>nav{display:none}.resources-body .public-mobile-menu{display:block}}
@media(max-width:620px){.resources-body main{width:calc(100% - 28px)}.resources-body .public-header{gap:8px}.resources-body .public-brand>b{font-size:23px}.resources-body :is(.intro,.detail-intro,.guide-intro) h1{font-size:28px}.resources-body .public-login{font-size:12px;padding:0 10px}.resources-body .public-footer{gap:24px}.resources-body .intro{padding:26px 0 22px}.resources-body .intro-actions a{width:100%;justify-content:space-between}.resources-body .source-media-grid{grid-template-columns:1fr;gap:14px}}