@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
/* A quieter discovery surface, with the detail kept one click away. */
:root{--paper:#f8f9f5;--muted:#62665b;--line:#dde1d5}
[hidden]{display:none!important}
.skip-link{position:fixed;top:10px;left:16px;z-index:20;padding:10px 15px;border-radius:8px;background:var(--ink);color:white;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.shell{width:min(1240px,calc(100% - 64px))}
.header{height:76px;gap:34px}.brand{font-size:25px}.brand small{font-size:10px;background:#f5f6ef;border:0;color:#6e7560}
.nav{gap:25px}.nav button{display:inline-flex;align-items:center;gap:7px;font-size:13px}.nav svg{width:17px;height:17px}
.header-actions{gap:16px}.header-actions .button{padding:10px 13px;font-size:12px;font-weight:600}.header-actions .button svg{width:16px;height:16px}
.acct-nav-join{font-size:12px;padding:10px 15px;border-radius:8px}.bag{min-width:32px;justify-content:center}.count{min-width:19px;height:19px;font-size:10px}
.intro{grid-template-columns:minmax(0,1fr) 320px;gap:60px;padding:26px 0 26px;align-items:center}
.intro .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:12px;color:#626b50}.intro .eyebrow:before{width:17px;background:#626b50}
.intro h1{font-size:clamp(40px,4vw,51px);line-height:1.04;letter-spacing:-2.7px;margin-bottom:15px}
.intro .description{font-size:15px;color:#62665b}
.agent-pill{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid #d5dcc6;border-radius:30px;padding:6px 11px;margin-top:17px;font-size:11px;color:#4e5a3b}
.agent-pill:hover{background:#eef4e2;border-color:#b2c48e}.agent-pill>span:last-child{margin-left:6px}.agent-status{width:6px;height:6px;border-radius:50%;background:#677e3c}
.agent-intro{padding:23px 25px;border:1px solid #d9dfce;border-radius:15px;background:#eff2e9}
.agent-orbit{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;font-weight:700;color:#5e694e}
.agent-orbit>span:first-child,.agent-orbit-icon{width:43px;height:37px;display:grid;place-items:center;border-radius:10px;border:1px solid #d4dcc6;background:white}.agent-orbit-icon{background:var(--lime);border-color:#c6df73;transform:rotate(5deg)}
.agent-kicker{font:10px monospace;letter-spacing:1.3px;color:#697755;margin:0 0 10px!important}.agent-intro h2{font-size:22px;letter-spacing:-.6px;line-height:1.2;margin:0 0 10px}.agent-intro>p:not(.agent-kicker){font-size:12px;line-height:1.6;margin:0 0 13px;color:#626d54}.agent-intro>button{padding:0;background:transparent;font-size:12px;font-weight:700}.agent-intro>button span{margin-left:20px}
.toolbar{padding-top:0;border:0;gap:10px}.toolbar .search{max-width:none;flex:1;min-width:0;height:54px;padding:0 17px;border-color:#cfd6c4;background:white;gap:11px}
.search input{font-size:14px}.search kbd{border:1px solid #e0e4d7;border-radius:5px;padding:0 7px;background:#f8faf3;color:#9ba38d;font:12px monospace;line-height:24px}.search:focus-within kbd{display:none}.search .clear-search{display:grid;place-items:center;flex:none;background:#f1f4e9;border-radius:50%;width:28px;height:28px;font-size:21px;color:#6a7559;padding:0}
.filter-toggle{height:54px;border:1px solid #cfd6c4;border-radius:10px;background:white;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600}.filter-toggle svg{width:18px}.filter-toggle:hover,.filter-toggle[aria-expanded=true]{background:#eef2e5;border-color:#a6b28e}.filter-toggle>span{background:var(--ink);color:white;border-radius:50%;font-size:10px;line-height:18px;min-width:18px}
.filter-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:14px;align-items:end;border:1px solid #dce2d1;padding:18px;border-radius:10px;background:#f0f3e9;margin-top:10px}
.filter-panel>label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#5f6b50;min-width:0}.filter-panel select{height:39px;border:1px solid #cdd6be;border-radius:7px;background:white;font-size:12px;color:var(--ink);padding:0 10px;max-width:100%;width:100%}.filter-reset{font-size:11px;text-decoration:underline;background:none;height:39px;padding:0 4px;color:#586545}
.categories{gap:3px;margin-top:17px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#d6ddc9 transparent}
.categories .chip{font-size:12px;padding:8px 12px;line-height:1.5;min-height:36px}.categories .chip:not(.active){color:#626a55}
.active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.active-filters>button{background:#eef2e6;border:1px solid #d9e1cc;border-radius:6px;font-size:11px;padding:5px 9px;max-width:100%;overflow-wrap:anywhere}.active-filters>button span{margin-left:9px;color:#697b4c}.active-filters .clear-all{border:0;background:transparent;text-decoration:underline;color:#65744e}
.results-heading{padding:22px 0 16px;gap:15px;align-items:center;flex-wrap:nowrap}.results-heading h2{font-size:21px;letter-spacing:-.6px}.results-heading h2 span{font-size:12px;color:#7a826c;margin-left:8px}.catalogue-note{font-size:11px;color:#626d53;margin:4px 0 0;line-height:1.6}.sort-control{flex:none}.sort-control select{font-size:11px;color:#586348;background:transparent;border:1px solid #dce2d2;padding:7px 9px;border-radius:7px;max-width:160px}
.grid{gap:20px}.card{padding:8px;border-color:#dce2d2;border-radius:14px}.card:hover{transform:translateY(-2px);box-shadow:0 7px 20px #233b140a;border-color:#b9c7a5}.card-preview{border-radius:9px}.card-content{padding:10px 8px 7px}.card-meta{font-size:9px;letter-spacing:1px;margin:0 0 3px;min-height:29px}.save{display:grid;place-items:center;width:36px;height:32px;margin-right:-7px;border-radius:7px}.save:hover{background:#f0f5e6}.save svg{width:17px;height:17px}.save.saved svg{fill:var(--lime)}
.card-heading{margin:0;font-size:20px;line-height:1.25;min-height:25px}.card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.25;font-size:20px;text-decoration:none;letter-spacing:-.65px}.card-desc{font-size:13px;line-height:1.55;margin:8px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;flex:none}.platforms{margin-bottom:14px;gap:5px}.package-tag,.platform{font-size:10px;line-height:1.3;padding:4px 6px}.platform{border:0;background:#f3f5ee;font-family:Arial;color:#6f7960}.package-tag{background:transparent;border:1px solid #e0e5d8;color:#667552}
.card-bottom{margin-top:auto;padding-top:11px;border-color:#e9eddf}.creator,.curated-card .creator{max-width:72%;min-width:0;gap:6px;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.curated-card .creator a{font-size:11px}.avatar{width:23px;height:23px;font-size:9px}.price,.curated-card .price{padding:6px 10px;font-size:11px;text-decoration:none;color:var(--ink)}.price.free{background:#e4f5b4}.card-source-line{display:flex;align-items:center;justify-content:space-between;gap:7px;font:9px Arial;margin-top:10px;padding-top:0;border:0;color:#7d866e}.card-source-line>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-source-line>span:last-child{flex:none}.preview-badge{font-size:10px;backdrop-filter:blur(6px)}
.loading-skills{grid-column:1/-1;min-height:230px;display:flex;gap:10px;align-items:center;justify-content:center;color:#778564;font-size:14px}.loading-dot{width:9px;height:9px;border-radius:50%;background:#a9c66b}
.browse-more{text-align:center;padding:27px 0 6px;color:#808a71;font-size:11px}.browse-more p{margin:0 0 11px}.browse-more .button{font-size:12px;padding:10px 22px}.browse-more>span{font-size:11px}
.return-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f0f3e9;padding:13px 16px;border:1px solid #dee6d0;border-radius:10px;margin-top:17px}.return-label{font:9px monospace;letter-spacing:1px;color:#7a8765}.recent-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:4px;font-size:12px}.recent-links a{text-decoration:none;font-weight:600}.recent-links a:hover{text-decoration:underline}.recent-links a span{color:#86976a}.return-strip>button{flex:none;font-size:11px;background:transparent;color:#5e7048;font-weight:600;padding:7px 0}
.seller-strip{padding:25px 28px;border-color:#d5ddc7;margin-top:32px;background:#edf2e3}.seller-strip h2{font-size:23px;letter-spacing:-.7px}.seller-strip p{font-size:13px}.seller-strip .button{font-size:12px;padding:11px 16px}.strip-mark{font-size:39px;color:#92a474}.footer{font-size:11px}.footer-links{display:flex;gap:17px}.footer button{font-size:11px;color:#657153;text-decoration:none}.footer button:hover{text-decoration:underline}
.listing-dialog{width:min(1120px,calc(100% - 32px));border-color:#cfd9bf}.modal-top{font-size:10px;letter-spacing:1.5px;padding:13px 22px;background:var(--paper)}.close{width:36px;height:36px}.detail-top{padding:22px 26px 18px}.detail-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-topline .breadcrumb{font-size:11px;margin:0 0 9px}.share-skill{font-size:11px;background:transparent;padding:4px 0;color:#65764b;flex:none}.detail-top h2{font-size:34px;letter-spacing:-1.3px}.detail-top>p{font-size:14px;line-height:1.6}.detail-creator{font-size:12px;margin-top:12px;flex-wrap:wrap;gap:7px}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:0 24px;padding:7px 26px 26px;align-items:start}.detail-preview{grid-column:1;grid-row:1;min-width:0}.detail-main{grid-column:1;grid-row:2;min-width:0}.detail-layout>.purchase-panel{grid-column:2;grid-row:1 / span 2;position:sticky;top:75px;margin:0;align-self:start;display:block;padding:18px;order:initial}.purchase-panel .price-big{font-size:31px}.purchase-panel .price-sub{font-size:11px}.purchase-panel .button{font-size:12px}.purchase-panel .pack-info{font-size:12px}.purchase-panel .tiny-row{font-size:11px}.purchase-panel .source-download-note{font-size:11px!important}.curated-star{min-height:36px;font-size:11px}.author-demo-link{font-size:11px}
.preview-stage{aspect-ratio:16/9;min-height:200px}.preview-controls{padding:8px 11px;min-height:31px}.preview-provenance{font-size:10px;color:#63734c;margin:8px 0 10px}.preview-provenance summary{cursor:pointer;line-height:1.5}.preview-provenance .media-credit{font-size:11px!important;margin:9px 0!important}.detail-tabs{gap:22px;margin-top:8px}.detail-tabs button{font-size:12px;padding:12px 0}.detail-tabs button:last-child{color:#5c783c}.tab-panel{padding-top:19px;min-height:0}.tab-panel h3{font-size:16px}.tab-panel p{font-size:13px}.io-grid{margin-bottom:17px}.io-box{padding:13px}.io-box strong{font-size:10px}.io-box p{font-size:13px}.properties dt{font-size:11px}.properties dd{font-size:12px;font-weight:500}.detail-disclosure{border:1px solid #dce3d1;background:#f2f5ec;border-radius:8px;margin:13px 0;overflow:hidden}.detail-disclosure>summary{padding:12px 14px;font-size:12px;font-weight:600;cursor:pointer}.detail-disclosure>div{padding:3px 14px 14px}.detail-disclosure>pre{margin:0 12px 12px}.detail-disclosure .source-card{margin-top:8px}.source-card{padding:15px}.source-facts{font-size:10px}.overview-source{font-size:11px}.rights-small{font-size:11px}.purchase-panel .demo-note{font-size:10px}
.related-skills{border-top:1px solid #dce3d0;margin-top:24px;padding-top:18px}.related-skills h3{font-size:16px;margin:0;letter-spacing:-.3px}.related-skills p{font-size:11px;margin:3px 0 12px;color:#899279}.related-skills>a{display:flex;gap:12px;align-items:center;text-decoration:none;border-top:1px solid #e6ebdd;padding:11px 0}.related-skills>a:hover strong{text-decoration:underline}.related-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;flex:none;opacity:.8}.related-mark svg{width:17px;height:17px}.related-skills>a>span:nth-child(2){flex:1;min-width:0}.related-skills strong{display:block;font-size:12px;line-height:1.4}.related-skills small{display:block;font-size:10px;color:#63734c;margin-top:3px}.related-price{font-size:10px;color:#6d7b57;flex:none}
.agent-handoff{padding:18px;border:1px solid #d6e2c3;border-radius:10px;background:#edf4e3}.agent-handoff h3{font-size:20px;letter-spacing:-.5px;margin:7px 0 9px}.agent-handoff p{font-size:12px;line-height:1.7}.agent-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 10px}.agent-actions .button{font-size:12px;padding:10px 13px}.agent-actions .button svg{width:17px;height:17px}.agent-brief{max-height:270px;font-size:11px}.agents-guide h2{font-size:39px;letter-spacing:-1.8px}.agents-guide>p:not(.agent-kicker){font-size:14px;line-height:1.7}.agent-guide-icon{display:grid;place-items:center;background:var(--lime);border-radius:12px;width:49px;height:44px;transform:rotate(-4deg);margin-bottom:20px}.agent-guide-icon svg{width:27px;height:27px}.agent-steps{list-style:none;padding:0;counter-reset:agent-step;display:grid;gap:15px;margin:24px 0}.agent-steps li{counter-increment:agent-step;display:grid;grid-template-columns:28px 1fr;gap:0 11px}.agent-steps li:before{content:counter(agent-step);display:grid;place-items:center;border:1px solid #cfddbc;border-radius:50%;width:27px;height:27px;font:11px monospace;background:#f0f6e8;grid-row:1/3}.agent-steps strong{font-size:13px}.agent-steps span{font-size:12px;color:#5e6b4c;line-height:1.6;margin-top:2px}.agent-endpoint{border:1px solid #d5dfc5;border-radius:9px;padding:14px;background:#eef4e5}.agent-endpoint>span{display:block;font:9px monospace;color:#7b8d61;margin-bottom:8px;letter-spacing:1px}.agent-endpoint a{font-size:11px;text-decoration:none;overflow-wrap:anywhere}.agent-doc-links{display:flex;gap:12px 20px;flex-wrap:wrap;font-size:11px;margin:15px 0 22px}.agent-scope{font-size:12px;line-height:1.7;border-top:1px solid #dfe5d4;padding-top:17px;margin-bottom:20px;color:#667750}.agent-scope p{font-size:12px!important;line-height:1.7;margin:7px 0 0}
.acct-auth-body h2{letter-spacing:-1px}.acct-auth-body>p{line-height:1.7}.acct-stats strong{font-size:34px}.acct-welcome-card{background:#eef3e4;border-color:#d9e2c9}.acct-welcome-card h2{font-size:29px}.acct-heading h1{font-size:39px}.acct-sidebar nav button{font-size:12px}
@media(max-width:1100px){.header{gap:24px}.nav{gap:18px}.header-actions{gap:12px}.brand small{display:none}.intro{gap:36px;grid-template-columns:minmax(0,1fr) 280px}.agent-intro{padding:21px}.intro h1{font-size:49px}.filter-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-reset{grid-column:1/-1;height:auto;justify-self:end}.card-title{font-size:18px}.card-heading{font-size:18px}.grid{gap:16px}.detail-layout{grid-template-columns:minmax(0,1fr) 245px;gap:0 20px}}
@media(max-width:900px){.header{height:auto;min-height:72px;flex-wrap:wrap;gap:0 18px;padding-top:15px}.header-actions{padding-bottom:15px}.brand{margin-bottom:15px}.nav{display:flex;order:3;width:100%;height:37px;gap:26px}.nav button{font-size:12px}.header-actions{margin-left:auto}.intro{padding:28px 0;gap:25px}.agent-intro h2{font-size:20px}.intro h1{font-size:44px}.intro .eyebrow{font-size:9px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-title{font-size:20px}.card-heading{font-size:20px}}
@media(max-width:760px){.shell{width:calc(100% - 32px)}.header{min-height:68px;padding-top:13px}.brand{font-size:22px;gap:8px;margin-bottom:12px}.brand-mark{width:29px;height:29px}.header-actions{gap:13px;padding-bottom:12px}.header-actions .button{font-size:11px;padding:9px 11px}.acct-nav-join{font-size:11px;padding:9px 13px}.nav{height:37px;gap:27px}.nav button{font-size:12px}.nav svg{width:16px;height:16px}.intro{grid-template-columns:1fr;padding:23px 0 24px;gap:0}.intro h1{font-size:42px;line-height:1.06;letter-spacing:-2px;margin-bottom:12px}.intro .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:9px}.intro .description{font-size:13px}.agent-pill{font-size:10px;margin-top:13px;padding:5px 9px}.agent-intro{display:none}.toolbar{flex-wrap:nowrap;gap:8px}.toolbar .search{flex:1;height:49px;padding:0 13px;gap:9px}.search input{font-size:13px}.search svg{width:18px}.search kbd{display:none}.filter-toggle{height:49px;padding:0 12px;font-size:12px;gap:6px}.filter-toggle svg{width:16px}.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px;gap:11px}.filter-panel select{font-size:12px}.categories{margin:13px -16px 0;padding:0 16px 5px;gap:2px}.categories .chip{font-size:11px;padding:7px 11px;min-height:34px}.results-heading{padding:18px 0 13px;gap:10px;align-items:center}.results-heading h2{font-size:19px;letter-spacing:-.5px}.results-heading h2 span{font-size:10px;margin-left:6px}.catalogue-note{font-size:10px;margin-top:3px;max-width:245px}.sort-control select{font-size:10px;max-width:133px;padding:7px}.grid{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.card-preview{aspect-ratio:16/10}.card{padding:7px;border-radius:12px}.card-content{padding:9px 6px 6px}.card-heading,.card-title{font-size:18px;line-height:1.3}.card-desc{font-size:12px;min-height:37px;margin:7px 0 11px}.card-meta{font-size:8px;letter-spacing:.7px;min-height:26px}.save{min-width:36px;height:32px;margin-top:-3px;margin-bottom:-3px}.package-tag,.platform{font-size:9px;padding:3px 5px}.platforms{gap:4px;margin-bottom:12px}.creator,.curated-card .creator{font-size:10px;max-width:70%}.curated-card .creator a{font-size:10px}.avatar{display:none}.card-source-line{font-size:8px;gap:3px}.price,.curated-card .price{font-size:10px;padding:5px 8px}.preview-badge{font-size:9px}.preview-overlay{bottom:10px!important;left:10px!important;right:10px!important}.seller-strip{padding:20px;margin-top:26px;gap:15px}.seller-strip h2{font-size:21px}.seller-strip p{font-size:12px}.seller-strip .button{font-size:11px}.footer{padding:21px 0;gap:9px 16px}.footer>span:nth-child(2){font-size:10px}.footer-links{gap:15px}.footer button{font-size:10px}.browse-more{padding-top:23px}.return-strip{padding:11px 13px;gap:10px;align-items:flex-start}.return-strip>button{font-size:10px;white-space:nowrap}.return-label{font-size:8px}.recent-links{font-size:11px;gap:4px 10px}.recent-links>a:nth-child(3){display:none}.detail-layout{display:flex;flex-direction:column;padding:0 16px 20px;gap:0;align-items:stretch}.detail-preview{width:100%}.detail-layout>.purchase-panel{position:static;display:block;order:initial;padding:15px;margin:8px 0 15px;width:100%;align-self:stretch}.detail-main{width:100%}.purchase-panel>.button{height:auto;min-height:43px;margin-top:8px;padding:11px 13px;font-size:12px}.purchase-panel .price-big{font-size:29px}.purchase-panel .price-sub{font-size:11px;margin:5px 0 10px}.purchase-panel .tiny-row,.purchase-panel .source-download-note,.purchase-panel .author-demo-link,.purchase-panel .rights-small,.purchase-panel .demo-note{display:none}.purchase-panel .pack-info{font-size:11px;margin:11px 0 0;color:#788663}.curated-star{font-size:11px;padding:9px 0 0;min-height:35px}.preview-provenance{margin:7px 0;font-size:10px}.listing-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.modal-top{padding:9px 16px;font-size:8px}.close{width:35px;height:35px}.detail-top{padding:16px}.detail-top h2{font-size:29px;letter-spacing:-1.2px}.detail-top>p{font-size:13px}.detail-topline .breadcrumb{font-size:10px}.share-skill{font-size:10px}.detail-creator{font-size:11px;gap:6px}.detail-creator .avatar{display:grid}.detail-origin{font-size:10px;color:#7b8868}.preview-stage{aspect-ratio:16/10;min-height:200px}.detail-tabs{gap:23px;margin-top:0;justify-content:flex-start}.detail-tabs button{font-size:11px;padding:10px 0}.tab-panel{padding-top:16px}.agent-handoff{padding:15px}.agent-handoff h3{font-size:19px}.agent-actions .button{font-size:11px}.related-skills{margin-top:22px}.agents-guide h2{font-size:34px}.agents-guide>p:not(.agent-kicker){font-size:13px}.agent-scope{font-size:11px}.acct-heading h1{font-size:32px}.acct-welcome-card h2{font-size:25px}}
@media(max-width:620px){.grid{grid-template-columns:minmax(0,1fr)}.card-preview{aspect-ratio:16/9}.card-content{padding:12px 10px 10px}.card-heading,.card-title{font-size:21px;letter-spacing:-.7px}.card-meta{font-size:9px}.card-desc{font-size:13px;line-height:1.6;min-height:0}.package-tag,.platform{font-size:10px}.avatar{display:grid}.creator,.curated-card .creator,.curated-card .creator a{font-size:11px}.card-source-line{font-size:10px;margin-top:11px}.price,.curated-card .price{font-size:12px;padding:6px 12px}.preview-badge{font-size:10px}.preview-text strong{font-size:26px}.preview-text p{font-size:12px}.curated-code strong{font-size:27px}.curated-code p{font-size:12px}.curated-flow strong{font-size:23px}.curated-flow .flow-node{font-size:10px}.save{width:42px;height:40px}.results-heading h2{font-size:19px}.results-heading h2 span{font-size:10px}.catalogue-note{max-width:220px}.return-strip{flex-direction:column;gap:4px}.return-strip>button{align-self:flex-end;padding:0}.recent-links>a:nth-child(3){display:initial}}
@media(max-width:470px){.header-actions>.sell-nav{display:none}.header-actions{gap:11px}.header-actions .bag{padding:5px;min-width:27px}.brand{font-size:22px}.header{gap:0 12px}.nav{gap:29px}.intro h1{font-size:39px;letter-spacing:-1.8px}.intro .description{font-size:12px}.results-heading h2{font-size:18px}.results-heading h2 span{display:block;margin:1px 0 0;font-size:10px}.catalogue-note{font-size:9px;max-width:220px}.sort-control select{max-width:124px;font-size:10px}.filter-toggle{padding:0 10px;font-size:11px}.toolbar .search{padding:0 11px}.search input{font-size:12px}.detail-top h2{font-size:27px}.detail-tabs{gap:20px}.detail-tabs button{font-size:10px}.io-grid{grid-template-columns:1fr}.properties{grid-template-columns:1fr}.text-preview{grid-template-columns:1fr;overflow:auto;padding:12px;gap:9px}.text-pane{padding:11px}.text-pane h4{font-size:9px;margin-bottom:7px}.text-pane p{font-size:11px}.preview-stage{min-height:225px}.agents-guide h2{font-size:32px}.agent-doc-links{gap:12px}.agent-endpoint a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.card:hover{transform:none}}
/* Package scope and tool costs stay visible at the point of download. */
@media(max-width:760px){.purchase-panel .source-download-note{display:block;font-size:10px!important;line-height:1.6;margin-top:8px!important}.purchase-panel .source-download-note:last-child{margin-top:4px!important}}
.reference-credit{font-size:12px;line-height:1.6;color:var(--muted,#6b6d68);margin:10px 2px}.preview-chapters{margin:12px 0}.preview-chapters summary{font-size:13px;cursor:pointer;font-weight:600}.preview-chapter-list{display:grid;gap:6px;margin-top:10px}.preview-chapter-list button{display:flex;gap:12px;text-align:left;padding:10px 12px;border:1px solid var(--line,#e5e5dd);border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.preview-chapter-list button:hover{background:#f1f3eb}.preview-chapter-list time{font-family:ui-monospace,monospace;white-space:nowrap}.package-contents{margin-top:12px}.package-contents li{font-size:12px;padding:7px 0}

/* Skilltofu wordmark and tofu cube. */
.brand-name{letter-spacing:-1.1px}.brand-dot{color:#68723d}.brand-mark svg{width:28px;height:28px;fill:none;stroke:var(--ink);stroke-width:1.8}

/* Free sharing is the default; price fields appear only for paid skills. */
.skill-price-choice{border:0;padding:0;margin:24px 0 4px;min-width:0}
.skill-price-choice legend{font-size:14px;font-weight:700;margin-bottom:10px;padding:0}
.skill-price-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.skill-price-options label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:14px;background:white;cursor:pointer}
.skill-price-options label:has(input:checked){border-color:#798d42;background:#f2f8df;box-shadow:inset 0 0 0 1px #798d42}
.skill-price-options input{accent-color:var(--ink);width:17px;height:17px;flex:none;margin:0}
.skill-price-options strong{display:block;font-size:14px}
.skill-price-options small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
@media(max-width:390px){.skill-price-options{grid-template-columns:1fr}}

/* Workflow-first release — editorial field guide, with a bright chartreuse marker. */
:root{--ink:#292a25;--paper:#f6f4ec;--white:#fffdf8;--lime:#dfff68;--muted:#686960;--line:#deddd4;--radius:18px}
body{background:#f6f4ec;color:#292a25;font-family:'DM Sans',sans-serif}
h1,h2,h3,h4,.brand,.card-title,.button,.nav button{font-family:'Space Grotesk','DM Sans',sans-serif}
.topbar{background:#fbfaf5;border-color:#deddd4}
.header{height:78px}
.nav #nav-agents,.bag{display:none!important}
.sell-nav{display:none!important}
.intro{grid-template-columns:minmax(0,1fr);gap:0;padding:42px 0 32px}
.intro .eyebrow{color:#73735f}
.intro h1{font-size:clamp(52px,6vw,78px);letter-spacing:-5px;line-height:.98;margin-bottom:23px}
.intro h1 .underline:after{height:17px;background:#dfff68;bottom:4px}
.intro .description{font-size:17px;line-height:1.7;max-width:690px;color:#62645d}
.feature-showcase{padding:27px 0 26px;border-top:1px solid #deddd4}
.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:17px}
.showcase-heading .eyebrow{font-size:9px;margin-bottom:7px}
.showcase-heading h2{font-size:28px;letter-spacing:-1px;margin:0}
.showcase-heading>p{max-width:300px;text-align:right;font-size:12px;color:#77776f;margin:0 0 3px}
.showcase-grid{display:grid;grid-template-columns:1.05fr 1.25fr .9fr;gap:15px;align-items:start}
.showcase-card{overflow:hidden;border:1px solid #deddd4;border-radius:15px;background:#fffdf8;padding:8px}
.showcase-card:nth-child(2){margin-top:26px}
.showcase-card:nth-child(3){margin-top:50px}
.showcase-card .card-preview{aspect-ratio:1.55}
.showcase-copy{padding:12px 11px 13px}
.style-reference-tag{font:9px monospace;letter-spacing:.9px;color:#68654f;background:#f0eee2;padding:5px 7px;border-radius:4px}
.showcase-copy h3{font-size:17px;line-height:1.25;letter-spacing:-.4px;margin:12px 0 5px}
.showcase-copy h3 a{text-decoration:none}
.showcase-copy h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.showcase-copy p{font-size:11px;line-height:1.55;color:#696b64;margin:0 0 10px}
.showcase-link{display:flex;justify-content:space-between;width:100%;padding:0;background:transparent;color:#5a5b50;font-size:11px;font-weight:700}
.journey-ribbon{margin-top:20px;padding:13px 15px;display:flex;align-items:center;gap:14px;background:#efeee5;border-radius:9px;font:10px monospace;color:#74746c}
.journey-ribbon span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.journey-ribbon b{font:600 11px 'DM Sans',sans-serif;color:#30312b}
.journey-ribbon i{height:1px;flex:1;background:#d1d0c5;min-width:15px}
.journey-ribbon-note{margin-left:auto;color:#77776d;font:10px 'DM Sans',sans-serif!important}
.market{padding-top:11px}
.task-chooser{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0 18px;border-top:1px solid #deddd4}
.task-copy{min-width:175px}
.task-copy span{display:block;font:9px monospace;letter-spacing:1.1px;color:#77766a;margin-bottom:5px}
.task-copy strong{font:600 17px 'Space Grotesk',sans-serif;letter-spacing:-.3px}
.task-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.task-choice{display:inline-flex;align-items:center;gap:14px;border:1px solid #dcdacf;background:#fffdf8;border-radius:7px;padding:10px 12px;font-size:11px;font-weight:600;transition:background .16s,color .16s,transform .16s}
.task-choice span{color:#77745f;font:13px monospace}
.task-choice:hover{transform:translateY(-1px);border-color:#a6a598}
.task-choice.active{background:#292a25;color:#fbfaf3;border-color:#292a25}
.task-choice.active span{color:#dfff68}
.toolbar{border-top:1px solid #deddd4;padding-top:21px}
.tool-filters{display:flex;align-items:center;gap:9px;margin:10px 0 0}
.tool-filters label{display:flex;align-items:center;gap:9px;border:1px solid #deddd4;background:#fffdf8;border-radius:7px;padding:7px 10px;min-width:0}
.tool-filters label>span{font:9px monospace;letter-spacing:.55px;text-transform:uppercase;color:#74746a;white-space:nowrap}
.tool-filters select{max-width:230px;min-width:130px;border:0;background:transparent;color:#30312b;font:500 11px 'DM Sans',sans-serif;outline:none}
.tool-filters select:focus-visible{outline:2px solid #a6a598;outline-offset:2px}
.tool-filters select option{color:#292a25}
.results-heading h2{font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:-.8px}
.grid{gap:17px}
.card{background:#fffdf8;border-color:#deddd4;border-radius:15px}
.card:hover{box-shadow:0 12px 28px #233b140d;border-color:#aebb9e}
.card-content{padding:12px 11px 9px}
.card-heading,.card-title{font-family:'Space Grotesk',sans-serif}
.card-desc{color:#68736c}
.card-evidence{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf0e8;padding-top:9px;margin:0 0 10px;color:#72806b;font-size:10px}
.card-evidence span:first-child{font-weight:700;color:#536c45}
.tool-declarations{display:grid;gap:5px;margin-bottom:12px}
.tool-declarations span{display:block;padding:6px 8px;border-radius:5px;background:#f0f2e9;font-size:10px;color:#66706a}
.tool-declarations b{display:inline-block;min-width:72px;color:#33483a;font-size:9px;text-transform:uppercase;letter-spacing:.4px}
.card-cost{font-size:11px;font-weight:700;color:#4c5e45;white-space:nowrap}
.card-tool-cost{padding:6px 8px;margin:-4px 0 8px;background:#f7f2e8;border-radius:5px;color:#80745d;font-size:9px}
.card-tool-cost p{margin:3px 0 0;font-size:10px;line-height:1.4;color:#625d50}
.card-source-line{border:0;padding-top:0}
.style-reference-banner{background:#292a25;color:#f5f2e8;border-radius:8px;padding:9px 12px;margin-bottom:10px;font:9px monospace;letter-spacing:.8px}
.detail-top{padding-top:24px}
.detail-top h2{font-family:'Space Grotesk',sans-serif;font-size:39px}
.detail-top>p{color:#626f67}
.detail-use-button{margin-top:15px;padding:11px 17px;font-size:12px}
.detail-tabs{border-bottom:1px solid #dce2d5}
.detail-tabs button.active{color:#506941;border-color:#a1b977}
.workflow-guide{max-width:760px}
.workflow-kicker,.workflow-panel-kicker{font:9px monospace;letter-spacing:1.25px;color:#747164}
.workflow-guide>h3{font-size:27px;letter-spacing:-.7px;margin:8px 0}
.workflow-guide>p{font-size:13px;line-height:1.7;color:#647068;max-width:650px}
.workflow-select-label,.workflow-brief-label{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:12px;font-weight:700;margin:20px 0 7px}
.workflow-select{width:100%;padding:12px;border:1px solid #d8d6cb;border-radius:8px;background:#fffdf8;color:#292a25;font-size:13px}
.setup-selected,.workflow-prompt{margin-top:12px;padding:16px 17px;background:#f0efe7;border:1px solid #deddd4;border-radius:10px}
.setup-selected>span{font:9px monospace;letter-spacing:1px;color:#747164;text-transform:uppercase}
.setup-selected>strong{display:block;font:600 18px 'Space Grotesk',sans-serif;margin:3px 0 10px}
.setup-selected p{font-size:12px;line-height:1.65;color:#5f6059;margin:9px 0}
.workflow-fact{margin-top:12px}
.workflow-fact h4{font:600 10px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.7px;color:#666458;margin:0 0 5px}
.workflow-fact ul{margin:0;padding-left:17px;color:#5e6058;font-size:12px;line-height:1.75}
.workflow-prompt{font-size:12px;color:#696a62}
.workflow-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}
.workflow-tools>div{padding:12px;background:#f0efe8;border-radius:8px}
.workflow-tools span{font:9px monospace;letter-spacing:.8px;color:#727064}
.workflow-tools p{font-size:12px;color:#35362f;margin:6px 0 0}
.workflow-io{margin:10px 0;padding:13px 15px;border-left:3px solid #d4eb76;background:#fbfaf4}
.workflow-io span{font-size:10px;font-weight:700;color:#696754;text-transform:uppercase;letter-spacing:.6px}
.workflow-io p{font-size:13px;line-height:1.6;color:#45463f;margin:4px 0 0}
.workflow-evidence{display:flex;gap:10px;align-items:center;margin:12px 0;padding:10px 13px;border:1px solid #deddd4;border-radius:7px}
.workflow-evidence span{font-size:10px;color:#77766d}
.workflow-evidence strong{font-size:11px;color:#3b3c35}
.workflow-evidence small{margin-left:auto;font-size:9px;color:#77766d}
.workflow-note{padding:9px 12px;background:#f1f0e7;border-radius:7px;font-size:11px!important}
.workflow-brief-label span{font-size:10px;color:#8a9185;font-weight:400}
.workflow-brief{width:100%;min-height:104px;resize:vertical;border:1px solid #d8d6cb;border-radius:8px;background:#fffdf8;padding:12px;font:13px/1.6 'DM Sans',sans-serif;color:#292a25}
.workflow-copy{margin-top:12px}
.workflow-handoff-note,.workflow-access-note{font-size:10px!important;line-height:1.6!important;color:#758073!important}
.workflow-access-note{padding:10px 12px;border-left:3px solid #dfff68;background:#f0efe7}
.workflow-source-link{display:inline-block;margin:11px 0;color:#586d44;font-size:12px;font-weight:700}
.workflow-feedback{border-top:1px solid #dce2d5;margin-top:19px;padding-top:14px}
.workflow-feedback summary{cursor:pointer;font-size:12px;font-weight:700}
.workflow-feedback>p{font-size:11px;color:#7c8679}
.workflow-feedback label{display:block;font-size:10px;font-weight:700;margin:10px 0 5px}
.workflow-feedback select{width:100%;padding:9px;border:1px solid #d1dacb;background:#fffdf7;border-radius:7px;font-size:12px}
.workflow-report-actions{display:flex;gap:8px;margin-top:9px}
.workflow-report-actions .button{font-size:11px;padding:8px 12px}
.workflow-report-status{min-height:18px}
.workflow-manual{margin:13px 0;border:1px solid #d5ddcf;border-radius:8px;background:#fbfaf4}
.workflow-manual summary{padding:10px 12px;cursor:pointer;font-size:11px;font-weight:700;color:#586d44}
.workflow-manual p{padding:0 12px;font-size:10px!important}
.workflow-manual pre{margin:0 10px 10px;max-height:240px;user-select:text}
.workflow-useful-report,.workflow-stuck-report{margin:8px 8px 8px 0;font-size:11px;padding:8px 11px}
.workflow-feedback select{margin-bottom:5px}
.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:10px}
.toolbar,.toolbar>*{min-width:0}
.toolbar .search{width:100%;min-width:0}
.filter-toggle{min-height:44px;white-space:nowrap}
.tool-filters{width:100%;min-width:0;margin:0;gap:7px}
.tool-filters label{flex:1 1 0;min-width:0;padding:6px 8px;gap:6px}
.tool-filters select{width:auto;flex:1 1 0;min-width:0;max-width:180px;height:44px}
.showcase-disclosure{padding:7px 8px;border-left:2px solid #dfff68;background:#f6f5ec;color:#55564f!important}
.card-cost{font-size:10px;letter-spacing:-.15px}
.workflow-guide>h3{margin-bottom:13px}
.workflow-compact-summary{margin:11px 0 13px;padding:10px 12px;border:1px solid #deddd4;border-radius:8px;background:#f7f6ef}
.workflow-compact-summary p{margin:3px 0;font-size:11px;line-height:1.45;color:#5c5d56}
.workflow-compact-summary b{color:#30312b}
.workflow-mode-switch{display:flex;gap:7px;margin:13px 0 10px}
.workflow-mode-switch button{min-height:36px;padding:8px 12px;border:1px solid #d8d6cb;border-radius:7px;background:#fffdf8;color:#45463f;font-size:11px;font-weight:700}
.workflow-mode-switch button.active{background:#292a25;color:#fffdf8;border-color:#292a25}
.workflow-mode-switch button:focus-visible,.workflow-example-reading summary:focus-visible,.workflow-more summary:focus-visible,.workflow-manual summary:focus-visible,.style-reference-panel summary:focus-visible{outline:2px solid #8b8a79;outline-offset:2px}
.workflow-example-panel{padding:12px;border:1px solid #deddd4;border-radius:8px;background:#fbfaf5}
.workflow-example-kicker{margin:0 0 6px;font:9px monospace;letter-spacing:.7px;text-transform:uppercase;color:#68675a}
.workflow-example-disclosure{margin:0 0 10px;padding:8px 9px;border-left:3px solid #dfff68;background:#f3f2e8;font-size:11px;line-height:1.5;color:#484941}
.workflow-example-reading,.workflow-more{margin-top:8px;border-top:1px solid #deddd4}
.workflow-example-reading summary,.workflow-more summary,.workflow-manual summary,.style-reference-panel summary{padding:9px 2px;cursor:pointer;font-size:11px;font-weight:700;color:#484940}
.workflow-example-reading h4{margin:8px 0 4px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#626157}
.workflow-example-reading pre,.workflow-manual pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.workflow-example-reading pre{max-height:230px;overflow:auto;padding:10px;background:#f0efe7;border-radius:6px;font-size:10px;line-height:1.55;user-select:text}
.workflow-example-reading p{font-size:11px;line-height:1.5;color:#5f6058}
.workflow-more>.workflow-fact{margin:10px 0}
.workflow-handoff-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.workflow-handoff-actions .button{margin:0;min-height:42px;font-size:11px}
.workflow-manual{margin:10px 0 4px}
.workflow-manual p{padding:0 2px}
.workflow-manual pre{max-height:230px;overflow:auto;margin:0;padding:10px;border-radius:6px;background:#f0efe7;font-size:10px;line-height:1.55}
.workflow-handoff-note{margin:5px 0 8px;font-size:10px!important;color:#77766d}
.workflow-source-link{margin:4px 0}
.preview-disclosure{margin:9px 0;padding:9px 11px;border-left:3px solid #dfff68;background:#f3f2e8;font-size:11px;line-height:1.5;color:#484941}
.style-reference-panel{margin-top:14px;border:1px solid #deddd4;border-radius:8px;background:#fbfaf5;padding:0 12px 12px}
.style-reference-panel video{display:block;width:100%;max-height:430px;object-fit:contain;margin:7px auto 10px;background:#292a25;border-radius:5px}
.style-reference-panel>p{font-size:11px;line-height:1.55;color:#5e5f57}
@media(max-width:760px){
 .toolbar{width:100%;grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .tool-filters{grid-column:1/-1;grid-row:2}
 .tool-filters label{flex:1 1 0;min-width:0;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;padding:5px 8px}
 .tool-filters label>span{font-size:9px}
 .tool-filters select{width:100%;flex:none;min-width:0;max-width:none;height:44px;font-size:11px}
 .filter-toggle{min-height:49px}
 .workflow-handoff-actions{grid-template-columns:1fr}
 .workflow-mode-switch button{flex:1}
 .style-reference-panel video{max-height:240px}
}
.market,.toolbar,.tool-filters,.categories{width:100%;max-width:100%;min-width:0}
.categories{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable;touch-action:pan-x}
.workflow-access-panel{background:#f0efe7;border-color:#deddd4}
.workflow-access-panel h3{font-size:20px;margin:6px 0}
.workflow-access-panel>p{font-size:11px;line-height:1.6}
.workflow-price-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #d9d7cc;border-bottom:1px solid #d9d7cc;margin:13px 0;font-size:11px;color:#696a62}
.workflow-price-row strong{font-size:13px;color:#30312b}
.workflow-panel-facts{display:grid;gap:5px;margin-top:13px}
.workflow-panel-facts span{font-size:10px;padding:7px 8px;border-radius:5px;background:#faf9f3;color:#65665e}
.detail-disclosure{background:#f0f2e9}
.footer-links button:last-child{color:#66745a}
.seller-strip{display:none}
@media(max-width:900px){
 .intro{grid-template-columns:1fr;gap:0}
 .intro h1{font-size:clamp(48px,7vw,64px)}
 .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .showcase-card:nth-child(3){display:none}
 .task-chooser{align-items:flex-start;flex-direction:column;gap:13px}
 .task-buttons{justify-content:flex-start}
}
@media(max-width:760px){
 .intro{grid-template-columns:1fr;padding:34px 0 28px;gap:0}
 .intro h1{font-size:clamp(45px,11vw,62px);letter-spacing:-3.5px}
 .intro .description{font-size:14px}
 .tool-filters{gap:7px}
 .tool-filters label{flex:1;justify-content:space-between;gap:5px;padding:7px}
 .tool-filters label>span{font-size:8px}
 .tool-filters select{min-width:0;max-width:60%;font-size:10px}
 .showcase-heading{align-items:flex-start;flex-direction:column;gap:6px}
 .showcase-heading h2{font-size:24px}
 .showcase-heading>p{text-align:left;font-size:11px}
 .showcase-grid{grid-template-columns:1fr 1fr;gap:9px}
 .showcase-card{padding:5px;border-radius:11px}
 .showcase-card:nth-child(2){margin-top:20px}
 .showcase-copy{padding:9px 7px}
 .showcase-copy h3{font-size:13px;margin:10px 0 5px}
 .showcase-copy p{font-size:10px}
 .style-reference-tag{font-size:7px;letter-spacing:.4px;padding:4px}
 .journey-ribbon{gap:8px;flex-wrap:wrap;padding:11px}
 .journey-ribbon span{font-size:8px;gap:4px}
 .journey-ribbon b{font-size:9px}
 .journey-ribbon i{min-width:8px}
 .journey-ribbon-note{width:100%;margin:3px 0 0!important}
 .task-chooser{padding:16px 0 13px}
 .task-copy strong{font-size:15px}
 .task-buttons{gap:5px}
 .task-choice{padding:9px 8px;gap:7px;font-size:10px}
 .task-choice span{font-size:11px}
 .card-evidence{font-size:8px}
 .tool-declarations span{font-size:9px;padding:5px}
 .tool-declarations b{min-width:63px;font-size:8px}
 .card-cost{font-size:9px}
 .detail-top h2{font-size:29px}
 .workflow-tools{grid-template-columns:1fr}
 .workflow-select-label,.workflow-brief-label{font-size:11px}
 .workflow-brief-label span{font-size:9px}
 .workflow-evidence{flex-wrap:wrap;gap:6px}
 .workflow-evidence small{width:100%;margin-left:0}
 .workflow-guide>h3{font-size:23px}
}
@media(max-width:480px){
 .showcase-grid{grid-template-columns:1fr}
 .showcase-card:nth-child(2){margin-top:0}
 .showcase-card:nth-child(3){display:block;margin-top:0}
 .showcase-card .card-preview{aspect-ratio:1.7}
 .showcase-copy{padding:10px}
 .showcase-copy h3{font-size:16px}
 .showcase-copy p{font-size:11px}
 .style-reference-tag{font-size:8px}
 .task-chooser{gap:10px}
 .task-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .task-choice{justify-content:space-between;font-size:10px}
 .journey-ribbon i{display:none}
 .journey-ribbon span:not(.journey-ribbon-note){width:calc(50% - 6px)}
 .workflow-report-actions{flex-wrap:wrap}
}
@media(max-width:760px){
 .toolbar{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto}
 .toolbar .search{width:100%;min-width:0}
 .tool-filters{width:100%;min-width:0;grid-column:1/-1;grid-row:2;display:flex;gap:7px}
 .tool-filters label{display:flex;flex:1 1 0;flex-direction:column;align-items:stretch;justify-content:center;min-width:0;gap:2px;padding:5px 8px}
 .tool-filters label>span{font-size:9px;white-space:nowrap}
 .tool-filters select{width:100%;min-width:0;max-width:none;height:44px;font-size:11px}
 .filter-toggle{min-height:49px;white-space:nowrap}
 .categories{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
 .detail-tabs{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
 .detail-layout,.detail-main,.detail-preview,.tab-panel{max-width:100%;min-width:0}
}