/* Dimensions and colors matched against the Unity Asset Store home capture, 2026-10-14. */
:root{--bg:#fff;--panel:#fff;--line:#ccc;--text:#000;--muted:#454545;--accent:#f5cf36}
body{background:#fff;color:#000;font-family:Arial,'Malgun Gothic',sans-serif;font-size:14px}
.store-header{height:76px;padding:0 max(24px,calc((100vw - 1230px)/2));grid-template-columns:260px minmax(240px,614px) 1fr;gap:48px;background:#000!important;border:0;position:relative;box-shadow:none;color:#fff}
.store-header .brand{font-size:27px;font-weight:700;letter-spacing:-1px;color:#fff;white-space:nowrap}.store-header .brand>span:not(.brand-icon){color:#fff}.store-header .brand-icon{width:24px;height:26px;line-height:26px;background:none;color:#fff;margin-right:3px;border-radius:0;font-size:22px}
.store-header .search{height:42px;min-height:42px;border-radius:6px;background:#141414!important;border:1px solid #656565;padding:0 0 0 13px;gap:10px;overflow:visible}.store-header .search input{font-size:16px!important;color:#fff!important;min-width:0}.store-header .search input::placeholder{color:#ddd!important}.store-header .search kbd{font:12px Arial;color:#fff;border:1px solid #666;border-radius:6px;padding:3px 6px;white-space:nowrap;margin:0}.store-header .search:focus-within{box-shadow:none;border-color:#f5cf36}#search-submit{display:grid;place-items:center;height:40px;width:41px;flex:none;border:0;border-radius:0 5px 5px 0;background:#f5cf36;color:#fff;padding:0}#search-submit svg{width:17px;height:17px}.store-header .search-options{top:49px;background:#fff;color:#000;border:1px solid #ddd;box-shadow:0 5px 20px #0002}
.store-actions{gap:12px;color:#fff}.header-icon{width:28px;height:34px;color:#fff;border-radius:0}.header-icon:hover{background:#222}.header-icon svg{width:19px;height:19px}.store-header #theme-toggle{color:#fff!important;width:25px}.icon-badge{background:#f5cf36;color:#fff;border-color:#000;top:-1px;right:-8px}.cart-button.nav-active{background:#222;color:#fff}
.store-navigation{height:54px;padding:0 max(24px,calc((100vw - 1230px)/2));gap:29px;background:#000;color:#fff;border:0;font-size:16px;overflow:hidden}.store-navigation button{font-size:16px;font-weight:400;height:54px;white-space:nowrap;color:#fff}.store-navigation .nav-active{color:#fff}.store-navigation .nav-active:after{display:none}.store-navigation #store-resources{color:#fff;font-size:14px;margin-left:auto}
#workspace-layout,#workspace-layout.composer-view{display:block;max-width:1230px;margin:0 auto}.layout main,main{padding:0 0 56px;width:100%}.store-facts{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#000;font-size:14px}.store-facts>span{display:flex;align-items:center;gap:8px;white-space:nowrap}.store-facts svg{flex:none}.store-facts strong{font-weight:600;margin-right:-4px}
.daily-recommendation{height:504px;border-radius:8px;background:#f4f4f4;border:0;margin:0;overflow:hidden}.daily-link{height:504px;min-height:0;grid-template-columns:42% 58%;background:#f4f4f4;color:#000;gap:0}.daily-copy{padding:30px 32px}.daily-eyebrow{font-size:14px;color:#000;display:block;margin:0 0 17px}.daily-eyebrow>span:first-child{background:none;color:#000;border-radius:0;padding:0;font-size:14px;font-weight:400}.daily-eyebrow>span+span{display:none}.daily-category{display:none}.daily-copy h2{font-size:35px;line-height:1.25;letter-spacing:-1px;color:#000;font-weight:500;margin:0 0 13px}.daily-description{color:#333;font-size:16px;line-height:1.35;max-width:405px;margin:0 0 25px}.daily-cta{background:#f5cf36;color:#fff;border-radius:24px;padding:11px 23px;font-size:14px;font-weight:600;letter-spacing:1px}.daily-art{height:auto;margin:32px 60px 32px 25px;border-radius:8px;background:transparent;overflow:hidden;aspect-ratio:420/252;box-shadow:none}.daily-art>svg,.daily-art>img{width:100%;height:100%;object-fit:contain}
.sidebar{padding:0!important;margin:32px 0 28px;min-height:0;background:#fff!important;border:0}.sidebar h3,.sidebar>.eyebrow,.sidebar-note,.sidebar .resources-button{display:none!important}#categories{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;scrollbar-width:none;padding:0 0 5px}#categories::-webkit-scrollbar{display:none}.category{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #ccc!important;border-radius:5px;font-size:14px;color:#444!important;white-space:nowrap;flex:none;background:#fff;min-height:34px;font-weight:400}.category .cat-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0;color:#444}.category .cat-count{display:none}.category.active{background:#f5f5f5!important;color:#000!important;border-color:#777!important;font-weight:400}
.explorer{position:relative}.section-top{margin:0 0 17px}.section-top>div:first-child{min-height:26px}.section-top .eyebrow{display:none}#section-title{font-size:19px;font-weight:600;letter-spacing:-.5px;color:#000;scroll-margin-top:20px}#section-title>span{font-size:12px!important;color:#555!important;margin-left:8px}.genre-filters{margin:0 0 19px;font-size:13px}.genre-filters>summary{cursor:pointer;color:#444;list-style:none;position:absolute;right:0;top:5px}.genre-filters>summary:after{content:'⌄';margin-left:7px}.genre-filters[open]{padding:14px 0}.genre-filters:not([open]){margin:0}.chips button.active{background:#f0f0f0!important;border-color:#444!important;color:#000!important}.filter-row{margin-top:10px}.genre-help{font-size:12px;color:#555}
.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 12px}.card{background:#fff!important;border:0!important;border-radius:0;box-shadow:none!important;overflow:visible}.card:hover{border:0!important;box-shadow:none!important}.card .preview{border-radius:7px;overflow:hidden;aspect-ratio:1.5}.preview>svg,.article-cover-image{aspect-ratio:1.5;object-fit:cover}.card .card-body{padding:10px 0 0}.card h3{font-size:16px;font-weight:600;color:#000;line-height:1.4}.card .card-title-link{color:inherit}.card-category{font-family:Arial,'Malgun Gothic',sans-serif;font-size:12px;color:#555!important;margin:0 0 5px}.card .term-en{font-family:Arial,sans-serif;font-size:12px;color:#555!important;margin-top:4px}.card-desc{font-size:12px;color:#444!important;line-height:1.45;min-height:34px;margin:9px 0 8px}.card-actions{border:0;padding:0;justify-content:flex-end;min-height:30px}.card-actions:before{content:'기술 개념';font-size:12px;color:#111}.card .add{font-size:12px;background:transparent!important;color:#000!important;min-width:53px;border:1px solid #ccc!important;border-radius:4px}.card .add.selected{background:#f0f0f0!important;color:#000!important}.card .save{border:0!important;background:#ffffffea!important;color:#222!important;width:29px;height:29px;top:9px;right:9px}.card .save.saved{background:#fff!important;color:#f5cf36!important}.save.saved .bookmark-icon path{fill:#f5cf36}.pagination button[aria-current=page]{background:#f5cf36}.pagination{margin-top:40px}footer{font-size:12px;border-top:1px solid #ddd;padding-top:25px;margin-top:40px}
#composer-panel{background:#fff!important;color:#000;border-left:1px solid #ddd!important}#composer-panel .copy-button{background:#f5cf36!important}#composer-panel .selected-chip{background:#fff5cf!important;color:#f5cf36!important}#toast{background:#222;color:#fff;font-size:13px}
@media(max-width:1280px){.store-header{padding:0 28px;grid-template-columns:225px minmax(240px,1fr) auto;gap:26px}.store-navigation{padding:0 28px;gap:24px}#workspace-layout,#workspace-layout.composer-view{margin:0 28px}.store-facts{font-size:12px;gap:10px}.daily-art{margin-right:30px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.store-header{grid-template-columns:205px 1fr auto;gap:16px}.store-navigation{gap:22px;overflow-x:auto}.store-navigation #store-resources{display:none}.store-header .brand{font-size:24px}.store-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;height:85px;padding:10px 0;font-size:12px}.daily-recommendation,.daily-link{height:430px}.daily-copy{padding:25px}.daily-copy h2{font-size:31px}.daily-description{font-size:14px}.daily-art{margin:25px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.store-header{height:auto;min-height:120px;padding:15px 20px;grid-template-columns:1fr auto;gap:13px}.store-header .brand{font-size:24px}.store-header .search-area{grid-column:1 / -1;grid-row:2}.store-header .search{height:42px;min-height:42px}.store-actions{grid-column:2;grid-row:1;gap:12px}.store-header .search input{font-size:14px!important}.store-navigation{height:48px;padding:0 20px;gap:25px}.store-navigation button{height:48px;font-size:14px}.store-actions .header-icon{width:23px}#workspace-layout,#workspace-layout.composer-view{margin:0 20px}.store-facts{font-size:10px;height:81px;gap:10px 8px;grid-template-columns:1fr 1fr}.store-facts>span{white-space:normal;gap:5px;line-height:1.5}.store-facts strong{margin:0}.store-facts svg{width:17px;height:17px}.daily-recommendation{height:auto}.daily-link{height:auto;min-height:0;display:flex;flex-direction:column-reverse;align-items:stretch}.daily-art{margin:20px 20px 0;height:auto;aspect-ratio:420/252;max-height:210px}.daily-copy{padding:23px 22px 29px}.daily-copy h2{font-size:30px}.daily-description{font-size:14px;margin-bottom:20px}.daily-cta{font-size:13px;padding:10px 20px}.daily-eyebrow{font-size:12px;margin-bottom:10px}.sidebar{margin:24px 0!important;padding:0!important}.category{font-size:12px;min-height:33px}#categories{gap:9px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 13px}.card h3{font-size:14px}.card .card-body{padding:9px 0 0}.card-desc{font-size:11px;min-height:45px}.card .term-en{font-size:10px}.card-category{font-size:11px}.card-actions:before{display:none}#section-title{font-size:20px}.genre-filters>summary{font-size:11px}.store-header .search-options{top:49px}.card .save{width:26px;height:26px;top:7px;right:7px}#composer-panel{padding:22px 20px}}
/* The optional dark mode keeps the same reference layout. */
html[data-theme=dark]{--bg:#171717;--panel:#202020;--line:#444;--text:#eee;--muted:#bbb;--accent:#f5cf36}html[data-theme=dark] body{background:#171717;color:#eee}html[data-theme=dark] .store-facts,html[data-theme=dark] #section-title{color:#eee}html[data-theme=dark] .daily-recommendation,html[data-theme=dark] .daily-link{background:#292929;color:#eee}html[data-theme=dark] .daily-copy h2,html[data-theme=dark] .daily-eyebrow,html[data-theme=dark] .daily-eyebrow>span:first-child{color:#eee}html[data-theme=dark] .daily-description{color:#ccc}html[data-theme=dark] .sidebar{background:transparent!important}html[data-theme=dark] .category{background:#202020;color:#ddd!important;border-color:#555!important}html[data-theme=dark] .category.active{background:#333!important;color:#fff!important}html[data-theme=dark] .category .cat-icon{color:#ddd}html[data-theme=dark] .card{background:transparent!important}html[data-theme=dark] .card h3{color:#eee}html[data-theme=dark] .card-category,html[data-theme=dark] .card .term-en,html[data-theme=dark] .card-desc{color:#bbb!important}html[data-theme=dark] .card-actions:before{color:#eee}html[data-theme=dark] .card .add{background:#222!important;color:#eee!important;border-color:#555!important}html[data-theme=dark] #composer-panel{background:#202020!important;color:#eee}html[data-theme=dark] .genre-filters>summary{color:#ccc}

@media(min-width:1281px){#workspace-layout,#workspace-layout.composer-view{margin-left:calc((100vw - 1230px)/2);margin-right:0}}
.category{padding:5px 10px;line-height:22px}#categories{padding-bottom:0}.store-header #theme-toggle:before{display:none!important}.store-header .brand-icon{display:grid;place-items:center}.store-header .brand-icon svg{display:block}

#section-title{line-height:26px}#section-title>span{vertical-align:baseline;line-height:1}

.section-top{margin-bottom:11px}

/* Artwork fills its area without a decorative technical frame. */
.card .preview{background:#fff9e6!important}.card .preview>svg{width:100%;height:100%;display:block}.daily-art>svg{background:#fff9e6}#detail-preview .preview{aspect-ratio:auto;background:transparent!important}#detail-preview .preview>svg,#detail-preview img{width:100%;height:auto;display:block}

/* Black and yellow accents; neutral surfaces keep long articles readable. */
:root,html[data-theme=dark]{--accent:#e3b522;--yellow:#f5cf36;--accent-text:#735600}
#search-submit,.icon-badge,.daily-cta,#composer-panel .copy-button{background:var(--yellow)!important;color:#171717!important}
.daily-cta:hover,#search-submit:hover{background:#ffdd59!important}
.store-navigation .nav-active{color:var(--yellow)}
.category.active,html[data-theme=dark] .category.active,.chips button.active,html[data-theme=dark] .chips button.active{background:#fff3bf!important;border-color:#d4ac24!important;color:#171717!important}
.category.active .cat-icon{color:#171717!important}
.card .add.selected,html[data-theme=dark] .card .add.selected{background:var(--yellow)!important;border-color:#d4ac24!important;color:#171717!important}
.card .save.saved{color:#6d5200!important}.save.saved .bookmark-icon path{fill:var(--yellow)}
.pagination button,.pagination button:hover,html[data-theme=dark] .pagination button{background:#171717!important;border-color:#171717!important;color:#fff!important}
.pagination button[aria-current=page],html[data-theme=dark] .pagination button[aria-current=page]{color:var(--yellow)!important;border-color:var(--yellow)!important;box-shadow:inset 0 -3px var(--yellow)}
.pagination button:disabled{opacity:.35}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #d4ac24;outline-offset:3px}
#composer-panel .selected-chip{background:#fff5cf!important;border-color:#e4ca72!important;color:#171717!important}
.selected-chip button{color:#735600!important}
.engine-tabs button,.code-copy,.suggestion-actions button,.empty button{background:#fff8df!important;border-color:#dfcf97!important;color:#171717!important}
.engine-tabs button[aria-pressed=true],.language button.active{background:var(--yellow)!important;color:#171717!important;border-color:#d4ac24!important}
.modal-body a,.modal-body h4,#article-notes h3,.details,.card-title-link:hover{color:#735600!important}
.field-label,.recommendations h3,#prompt,.clear-button,.composer-tip,.muted{color:#555}
textarea,select,.selection,.prompt-box,.suggestion-row{background:#faf9f5;border-color:#d8d4c8;color:#222}
.search-options button:hover,.search-options button[aria-selected=true]{background:#fff5cf!important;color:#171717!important}
.code-frame{border-color:#393939}.code-bar{background:#262626;border-color:#393939}#article-code .code-frame pre{background:#141414}
html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .selection,html[data-theme=dark] .prompt-box,html[data-theme=dark] .suggestion-row{background:#252525;border-color:#4b4b4b;color:#eee}
html[data-theme=dark] .field-label,html[data-theme=dark] .recommendations h3,html[data-theme=dark] #prompt,html[data-theme=dark] .clear-button,html[data-theme=dark] .composer-tip,html[data-theme=dark] .muted{color:#ccc}
html[data-theme=dark] .modal-body a,html[data-theme=dark] .modal-body h4,html[data-theme=dark] #article-notes h3{color:#f5cf36!important}
html[data-theme=dark] dialog{background:#202020;border-color:#444}
html[data-theme=dark] .store-header .brand>span:not(.brand-icon){color:#fff!important}
html[data-theme=dark] .card .save{background:#222!important;color:#fff!important}
html[data-theme=dark] .card .save.saved{background:#222!important;color:#f5cf36!important}
html[data-theme=dark] .store-header .search{border-color:#656565!important}
/* Wanted Sans is bundled locally under the SIL Open Font License. */
@font-face{font-family:'Wanted Sans';src:url('fonts/WantedSansVariable.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
:root{--font-ui:'Wanted Sans',sans-serif}
body,button,input,textarea,select,.card-category,.card .term-en,.page-range,.store-header .search kbd{font-family:var(--font-ui)!important}
body{font-weight:450;line-height:1.6;letter-spacing:-.01em;font-synthesis:none}
.store-header .brand{font-weight:850;letter-spacing:-.045em}
.store-navigation button{font-weight:600;letter-spacing:-.015em}
.daily-copy h2{font-weight:800;letter-spacing:-.04em;line-height:1.22;font-size:39px}
.daily-description{font-size:16px;line-height:1.65;font-weight:450}
#section-title{font-weight:750;letter-spacing:-.025em}
.card h3{font-size:17px;font-weight:720;letter-spacing:-.025em;line-height:1.45}
.card-desc{font-size:13px;line-height:1.7;font-weight:450;min-height:44px}
.card .term-en{font-size:12px;letter-spacing:0;line-height:1.5}
.category{font-weight:550;letter-spacing:-.01em}.category.active{font-weight:700}
.daily-cta{font-weight:750;letter-spacing:0}.modal-body>p,#article-notes p{font-size:14px;line-height:1.85}
@media(max-width:720px){.daily-copy h2{font-size:33px}.card h3{font-size:15px}.card-desc{font-size:12px;line-height:1.65;min-height:40px}.store-navigation button{font-size:14px}}
/* Match the supplied Asset Store card: one outline around image and details. */
.cards .card{border:1px solid #dedede!important;border-radius:8px;background:#fff!important;overflow:hidden;display:flex;flex-direction:column;box-shadow:none!important}
.cards .card:hover{border:1px solid #999!important;box-shadow:none!important}
.cards .card .preview{border-radius:0;flex:none}
.cards .card .card-body{padding:12px;display:flex;flex-direction:column;flex:1;gap:0}
.cards .card .card-title-link::after{border-radius:8px}
.cards .card-category{align-self:flex-start;background:#f3f3f3;border-radius:3px;padding:2px 5px;margin:0 0 8px;font-size:11px;line-height:1.4}
.cards .card h3{font-size:15px;line-height:1.5;margin:0;font-weight:650}
.cards .card .term-en{font-size:12px;margin-top:5px;line-height:1.5}
.cards .card-desc{font-size:13px;line-height:1.6;margin:8px 0 12px;min-height:42px}
.cards .card-actions{margin-top:auto;padding:0;min-height:28px}
html[data-theme=dark] .cards .card{border-color:#4b4b4b!important;background:#242424!important}
html[data-theme=dark] .cards .card:hover{border-color:#a39a78!important}
html[data-theme=dark] .cards .card-category{background:#353535}
@media(max-width:720px){.cards .card .card-body{padding:10px}.cards .card h3{font-size:14px}.cards .card-desc{font-size:12px}.cards .card-category{font-size:10px}}
/* Compact pagination: quiet controls with one clearly selected page. */
.pagination{padding-top:24px;margin-top:32px;border-color:#e5e5e5;gap:18px}
.page-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pagination .page-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:38px;height:38px;min-height:38px;padding:0 10px;background:#fff!important;color:#424242!important;border:1px solid #dedede!important;border-radius:8px;font-size:13px;font-weight:600;box-shadow:none!important;transition:background .15s,border-color .15s}
.pagination .page-buttons button:hover:not(:disabled){background:#fff7d4!important;border-color:#d4ac24!important;color:#171717!important}
.pagination .page-buttons button[aria-current=page]{background:#171717!important;color:#f5cf36!important;border-color:#171717!important;box-shadow:none!important}
.pagination .page-buttons .page-direction{padding:0 12px}
.pagination .page-buttons button:disabled{opacity:1;color:#aaa!important;background:#f6f6f6!important;border-color:#ededed!important;cursor:default}
.page-buttons>span{width:22px;text-align:center;color:#8a8a8a}.page-range{font-size:12px;color:#666;font-variant-numeric:tabular-nums}
html[data-theme=dark] .pagination{border-color:#3c3c3c}
html[data-theme=dark] .pagination .page-buttons button{background:#242424!important;border-color:#494949!important;color:#ddd!important}
html[data-theme=dark] .pagination .page-buttons button[aria-current=page]{background:#f5cf36!important;border-color:#f5cf36!important;color:#171717!important}
html[data-theme=dark] .pagination .page-buttons button:disabled{background:#202020!important;border-color:#303030!important;color:#777!important}
html[data-theme=dark] .page-range{color:#bbb}
@media(max-width:560px){.pagination{justify-content:center;gap:12px}.page-buttons{gap:4px}.pagination .page-buttons button{min-width:32px;height:36px;min-height:36px;padding:0 7px}.pagination .page-buttons .page-direction{min-width:32px;padding:0 7px}.page-direction span{display:none}.page-buttons>span{width:14px}}
/* The active top-level category follows the category filter. */
.store-navigation button{transition:color .15s ease!important}
.store-navigation button.nav-active{color:#f5cf36!important}
.store-navigation button.nav-active:after{display:block;content:'';position:absolute;left:0;right:0;bottom:7px;height:2px;border-radius:2px;background:#f5cf36}
@media(prefers-reduced-motion:reduce){.store-navigation button{transition:none!important}}
/* Show every category instead of hiding the remainder in a horizontal strip. */
.sidebar #categories{display:flex;flex-wrap:wrap;overflow:visible;gap:10px;padding:0;max-width:100%}
.sidebar .category{white-space:normal;max-width:100%;flex:0 0 auto}
@media(max-width:720px){.sidebar #categories{gap:8px}.sidebar .category{font-size:12px;padding:6px 9px;line-height:1.4;min-height:34px}}
/* Persistent prompt cart, independent of the scrolling header. */
#composer-nav{position:fixed;right:28px;bottom:28px;z-index:20;width:58px;height:58px;display:grid;place-items:center;margin:0;border:1px solid #d7b02a;border-radius:50%;background:#f5cf36!important;color:#171717!important;box-shadow:0 5px 20px #0003;transition:background .15s,box-shadow .15s!important}
#composer-nav:hover{background:#ffdd59!important;box-shadow:0 7px 25px #0004}
#composer-nav svg{width:26px;height:26px}
#composer-nav .icon-badge{top:-3px;right:-3px;height:23px;min-width:23px;padding:0 5px;background:#171717!important;color:#fff!important;border:2px solid #fff;font-size:11px;font-weight:700}
html[data-theme=dark] #composer-nav .icon-badge{border-color:#171717}
footer{padding-bottom:60px}
@media(max-width:720px){#composer-nav{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:54px;height:54px}}
/* Search and navigation stay together at the top while scrolling. */
:root{--topbar-height:130px}
.site-topbar{position:sticky;top:0;z-index:30;background:#000;box-shadow:0 2px 12px #0002}
.site-topbar .store-header{position:relative;z-index:2}
.site-topbar .store-navigation{position:relative;z-index:1}
#section-title{scroll-margin-top:calc(var(--topbar-height) + 20px)}
@media(max-width:720px){:root{--topbar-height:180px}}
/* Footer aligned with the dictionary, with clear navigation and breathing room. */
.site-footer{display:block;width:100%;margin:48px 0 0;padding:28px 0 22px;border:0;border-top:1px solid #d8d8d3;border-radius:0;background:transparent;color:#555}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:24px}
.footer-brand{display:inline-flex;align-items:center;gap:10px;color:#171717;font-size:22px;font-weight:800;letter-spacing:-.035em}
.footer-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#f5cf36;color:#171717;flex:none}
.footer-intro p{margin:10px 0 0;font-size:13px;line-height:1.7;color:#666}
.footer-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.footer-links button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ddd;border-radius:7px;padding:9px 12px;background:transparent;color:#444;font-size:12px;font-weight:550;line-height:1.5}
.footer-links button:hover{background:#fff4c6;border-color:#d4ac24;color:#171717}
.footer-links .footer-top{background:#171717;color:#f5cf36;border-color:#171717}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid #ddd;font-size:11px;line-height:1.7;color:#777}
.footer-dot{color:#bd9421;margin:0 6px}
html[data-theme=dark] .site-footer{background:transparent;border-color:#444;color:#ddd}
html[data-theme=dark] .footer-brand{color:#f1f1e9}
html[data-theme=dark] .footer-intro p,html[data-theme=dark] .footer-bottom{color:#aaa}
html[data-theme=dark] .footer-links button{color:#ddd;border-color:#555}
html[data-theme=dark] .footer-links button:hover{background:#3d361b;color:#f5cf36;border-color:#b79524}
html[data-theme=dark] .footer-links .footer-top{color:#f5cf36;border-color:#171717}
html[data-theme=dark] .footer-bottom{border-color:#444}
@media(max-width:720px){.site-footer{padding:23px 0;margin-top:32px}.footer-main{align-items:flex-start;flex-direction:column;gap:19px;padding-bottom:20px}.footer-brand{font-size:21px}.footer-links{gap:7px}.footer-links button{padding:8px 10px;font-size:11px}.footer-bottom{flex-direction:column;gap:6px;padding-right:34px;font-size:10px}}
/* One divider marks the footer; spacing separates everything else. */
.pagination{border-top:0;padding-top:0}
.footer-bottom{border-top:0;padding-top:0}
/* Two full-width action areas along the bottom edge of each card. */
.cards .card-actions{display:grid;grid-template-columns:1fr 1fr;gap:0;margin: auto -12px -12px;padding:0;border-top:1px solid #dedede;min-height:48px;position:relative;z-index:2}
.cards .card-actions:before{display:none}
.cards .card-actions button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:48px;margin:0;padding:8px 5px;border:0!important;border-radius:0;font-size:12px;font-weight:650;line-height:1.4}
.cards .card-actions .card-copy{background:#fafafa;color:#333;border-right:1px solid #dedede!important}
.cards .card-actions .card-copy:hover{background:#fff4c6;color:#171717}
.cards .card-actions .add,html[data-theme=dark] .cards .card-actions .add{background:#f5cf36!important;color:#171717!important}
.cards .card-actions .add:hover{background:#ffdd59!important}
.cards .card-actions .add.selected,html[data-theme=dark] .cards .card-actions .add.selected{background:#171717!important;color:#f5cf36!important}
.cards .card-desc{margin-bottom:16px}
html[data-theme=dark] .cards .card-actions{border-top-color:#4b4b4b}
html[data-theme=dark] .cards .card-actions .card-copy{background:#2c2c2c;color:#eee;border-right-color:#4b4b4b!important}
html[data-theme=dark] .cards .card-actions .card-copy:hover{background:#3d361b;color:#f5cf36}
@media(max-width:720px){.cards .card-actions{margin-left:-10px;margin-right:-10px;margin-bottom:-10px}.cards .card-actions button{font-size:11px;min-height:48px}}

/* Shared top-right copy control for highlighted code and prompts. */
.copy-block-header,.code-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.copy-block-header h4,.copy-block-header .eyebrow{margin:0;}
.block-copy{flex-shrink:0;min-width:54px;min-height:32px;padding:5px 10px;border:1px solid #d5d5d5;border-radius:5px;background:#fff;color:#262626;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;}
.block-copy:hover{background:#ffdf54;border-color:#c9ac32;color:#161616;}
.block-copy:disabled{opacity:.45;cursor:default;}
.code-bar:before{display:none;}
.code-bar .block-copy{background:#303030;border-color:#545454;color:#f2f2f2;}
.code-bar .block-copy:hover{background:#ffdf54;border-color:#ffdf54;color:#161616;}
.prompt-block{margin-top:26px;padding:16px;background:var(--surface,#f7f7f7);border-radius:6px;}
.prompt-block blockquote{margin:16px 0 0;white-space:pre-wrap;}
.prompt-box .copy-block-header{margin-bottom:16px;}

/* Match the compact genre control; keep playback outside the collapsible filter. */
#preview-motion{position:absolute;right:96px;top:0;display:inline-flex;align-items:center;gap:6px;width:auto;min-height:29px;padding:4px 9px;border:1px solid var(--line,#ddd);border-radius:4px;background:var(--panel,#fff);color:var(--text,#333);font:inherit;font-size:12px;line-height:1.5;cursor:pointer;white-space:nowrap;}
#preview-motion:before{content:'Ⅱ';font-size:13px;font-weight:600;}
#preview-motion[aria-pressed=true]:before{content:'▶';font-size:10px;}
#preview-motion:hover{border-color:#b79718;background:#fff7d5;color:#27220e;}
#preview-motion:focus-visible{outline:2px solid #c7a524;outline-offset:3px;}
.preview-motion-paused .demo *,.preview-motion-paused .demo{animation-play-state:paused!important;}
@media(max-width:720px){.explorer .section-top{min-height:58px;align-items:flex-start}.genre-filters>summary{top:35px}#preview-motion{top:29px;right:83px;min-height:27px;font-size:11px;padding:4px 8px;}}