/* Story Studio / editorial edition. Shared structure, two distinct materials. */
:root { color-scheme: dark; --studio-bg:#101818; --studio-panel:#172222; --studio-ink:#f5f0e4; --studio-muted:#b4bdb6; --studio-accent:#dccc98; --studio-line:#3a4842; }
html { scroll-padding-top:100px; }
body { background:var(--studio-bg); color:var(--studio-ink); font-family:Manrope, 'Segoe UI', sans-serif; }
body.theme-forge { --studio-bg:#171514; --studio-panel:#24201d; --studio-accent:#efb786; --studio-line:#514037; --studio-muted:#c1b5a9; --search-accent:#efb786; --search-accent-2:#ffd9b6; --search-accent-rgb:239,183,134; }
body:not(.theme-forge) { --search-accent:#dccc98; --search-accent-2:#f7e9bf; --search-accent-rgb:220,204,152; }
body, body * { cursor:auto; }
a,button,[role=button],label.pick-card { cursor:pointer; }
input,textarea { cursor:text; }
.site-header { position:relative; min-height:84px; padding:18px max(24px,calc((100vw - 1240px)/2)); border-bottom:1px solid var(--studio-line); background:var(--studio-bg); backdrop-filter:none; gap:20px; }
.site-header .logo { font-family:Newsreader, Georgia, serif; color:var(--studio-accent); font-size:26px; letter-spacing:-.6px; white-space:nowrap; text-shadow:none; }
.site-header .logo-sub { display:none; }
.search-nav { gap:4px; }
.search-nav a { color:var(--studio-muted); font-size:11px; padding:10px; letter-spacing:.09em; }
.visual-mode-toggle { flex-shrink:0; border:1px solid var(--studio-line); border-radius:6px; background:transparent; color:var(--studio-ink); min-height:40px; padding:9px 13px; font:600 12px Manrope,'Segoe UI',sans-serif; }
.visual-mode-toggle[aria-pressed=true] { color:var(--studio-accent); background:var(--studio-panel); border-color:var(--studio-accent); }
:is(button,a,input,select,summary):focus-visible { outline:2px solid var(--studio-accent); outline-offset:4px; }
.main { max-width:1320px; padding:0 32px; margin:auto; }
.search-home { width:100%; margin:0 auto 40px; padding:54px 24px 26px; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr); column-gap:40px; text-align:left; border:0; border-radius:0; box-shadow:none; background:transparent; overflow:visible; }
.search-home::before { display:none; }
.search-home-kicker { grid-column:1; justify-content:flex-start; gap:8px; margin-bottom:22px; font-size:10px; letter-spacing:.14em; }
.search-home-kicker .search-kicker-sep,.search-home-kicker .search-kicker-sep + span { display:none; }
.search-home h1 { grid-column:1; font-family:Newsreader,Georgia,serif; font-size:clamp(44px,5.3vw,74px); font-weight:400; line-height:1.03; letter-spacing:-.045em; text-transform:none; text-align:left; }
.search-home h1 em { margin-top:4px; font-size:1em; font-family:inherit; color:var(--studio-accent); }
.search-home-copy { grid-column:1; margin:22px 0 0; max-width:600px; color:var(--studio-muted); font-size:15px; line-height:1.85; text-align:left; }
.studio-art { grid-column:2; grid-row:1 / 4; display:flex; justify-content:center; align-items:center; position:relative; min-height:250px; overflow:hidden; isolation:isolate; }
.studio-art::before { content:''; position:absolute; width:246px; height:246px; border:1px solid var(--studio-line); border-radius:50% 50% 2px 2px; background:radial-gradient(ellipse at 50% 70%,#a2b9a317,transparent 75%); }
.studio-art::after { content:'THE STORY COLLECTION / VOL. 01'; position:absolute; bottom:5px; font:9px Manrope,'Segoe UI',sans-serif; letter-spacing:.24em; color:var(--studio-muted); }
.studio-book { position:relative; width:96px; height:190px; padding:18px 14px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; border:1px solid #829c87; border-left:6px double #81947b; background:#334b41; color:#e3d7b3; box-shadow:9px 13px 18px #0004; transform:rotate(-12deg) translate(15px,0); font:14px Newsreader,Georgia,serif; text-align:center; }
.studio-book::before { content:'✧'; font-size:35px; }
.studio-book::after { content:''; width:46px; height:3px; border-block:1px solid currentColor; }
.studio-book + .studio-book { height:208px; width:105px; background:#233b3b; transform:rotate(7deg) translate(-9px,-6px); border-color:#8d967f; }
.theme-forge .studio-art::before { border-radius:50%; border:1px solid #886247; box-shadow:inset 0 0 0 20px #e7903510,0 0 0 18px #e7903508; background:radial-gradient(ellipse at center,#b5622829,transparent 70%); }
.theme-forge .studio-book { background:#6b3827; border-color:#c18c63; transform:rotate(-9deg) translate(12px,8px); }
.theme-forge .studio-book + .studio-book { background:#392b26; border-color:#b78961; transform:rotate(11deg) translate(-6px,-8px); }
.theme-forge .studio-art::after { content:'CRAFTED FOR THE CURIOUS / VOL. 01'; }
.universal-search-form { grid-column:1/-1; width:100%; max-width:none; margin:36px 0 0; padding:24px; border:1px solid var(--studio-line); border-radius:12px; background:var(--studio-panel); box-shadow:0 10px 35px #0002; }
.universal-search-box { min-height:66px; border-radius:7px; border:1px solid var(--studio-line); box-shadow:none; background:var(--studio-bg); }
.universal-search-box:focus-within { border-color:var(--studio-accent); box-shadow:0 0 0 3px #dccc9818; }
.universal-search-box input { color:var(--studio-ink); font-size:17px; }
.universal-search-box input::placeholder { color:var(--studio-muted); opacity:.85; }
.universal-search-submit { min-height:48px; border-radius:5px; background:var(--studio-accent); color:#211c14; box-shadow:none; }
.search-filter-row { justify-content:flex-start; margin-top:15px; gap:8px; }
.search-filter-label { min-width:44px; color:var(--studio-muted); font-size:10px; }
.search-chip,.search-scope { border-radius:5px; color:var(--studio-muted); min-height:36px; padding:8px 12px; border-color:var(--studio-line); font-size:12px; }
.search-chip.active,.search-scope.active { border-color:var(--studio-accent); background:#dccc9814; color:var(--studio-accent); box-shadow:none; }
.search-honesty-note { max-width:none; text-align:left; color:var(--studio-muted); font-size:11px; line-height:1.7; margin:16px 0 0; }
.search-examples { grid-column:1/-1; justify-content:flex-start; margin:18px 0; color:var(--studio-muted); }
.search-examples button { color:var(--studio-ink); border-bottom:1px solid var(--studio-line); border-radius:0; }
.search-proof-grid { grid-column:1/-1; width:100%; max-width:none; margin:18px 0 0; border-block:1px solid var(--studio-line); padding:24px 0; gap:0; background:transparent; }
.search-proof-grid > div { padding:0 24px; text-align:left; border:0; border-right:1px solid var(--studio-line); border-radius:0; background:transparent; }
.search-proof-grid > div:first-child { padding-left:0; }
.search-proof-grid > div:last-child { border:0; }
.search-proof-grid strong { font:400 25px Newsreader,Georgia,serif; color:var(--studio-accent); }
.search-proof-grid span { margin-top:6px; font-size:10px; color:var(--studio-muted); letter-spacing:.08em; }
.builder-jump { grid-column:1/-1; justify-self:start; margin-top:24px; color:var(--studio-accent); }
.visual-mode-status { grid-column:1/-1; font-size:11px; color:var(--studio-muted); margin-top:12px; }
.search-results-shell { border:1px solid var(--studio-line); background:var(--studio-panel); border-radius:12px; padding:24px; }
.search-result-card { border-color:var(--studio-line); background:var(--studio-bg); border-radius:9px; }
.hero { padding-top:46px; border-top:1px solid var(--studio-line); }
.hero h1,.hero h2 { font-family:Newsreader,Georgia,serif; font-weight:400; font-size:clamp(32px,4vw,50px); }
.hero-sub { color:var(--studio-muted); }
.wizard { border-color:var(--studio-line); background:var(--studio-panel); box-shadow:0 18px 50px #0002; }
.pick-inner,.pick-card { border-color:var(--studio-line); }
.glow,.library-dust,.echo-rings,.forge-embers,.forge-heat { opacity:.2; }
.glow { max-width:50vw; }
.quill-cursor,.ink-trail-canvas,#custom-cursor,.scorch-layer { display:none!important; }
html[data-motion=on] .studio-art { animation:studio-arrive 900ms ease-out both; }
html[data-motion=on] .search-home { background-image:radial-gradient(280px circle at var(--pointer-x,-500px) var(--pointer-y,-500px),#dccc9807,transparent); }
@keyframes studio-arrive { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
html[data-visual-mode=lite] *,html[data-visual-mode=lite] *::before,html[data-visual-mode=lite] *::after { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; filter:none!important; text-shadow:none!important; }
html[data-visual-mode=lite] .glow,html[data-visual-mode=lite] .library-dust,html[data-visual-mode=lite] .echo-rings,html[data-visual-mode=lite] .forge-embers,html[data-visual-mode=lite] .forge-heat { display:none!important; }
html[data-visual-mode=lite] .search-home,html[data-visual-mode=lite] .wizard,html[data-visual-mode=lite] .universal-search-form,html[data-visual-mode=lite] .studio-book { box-shadow:none; }
html[data-visual-mode=lite] body { font-family:'Segoe UI',Arial,sans-serif; }
html[data-visual-mode=lite] .search-home h1,html[data-visual-mode=lite] .logo,html[data-visual-mode=lite] .search-proof-grid strong { font-family:Georgia,serif; }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media(max-width:800px) {
  .site-header { flex-wrap:wrap; padding:15px 20px; gap:12px; }
  .site-header .logo { font-size:24px; margin-right:auto; }
  .search-nav { order:3; width:100%; margin:0; border-top:1px solid var(--studio-line); padding-top:10px; }
  .search-nav a:first-child { padding-left:0; }
  .main { padding:0 18px; }
  .search-home { padding:32px 0 20px; grid-template-columns:minmax(0,1fr) 160px; column-gap:14px; }
  .studio-art { display:none; }
  .search-home h1 { font-size:46px; }
  .search-home h1,.search-home-kicker,.search-home-copy { grid-column:1/-1; }
  .search-home-copy { margin-top:20px; }
  .studio-art { grid-row:1/3; }
  .universal-search-form { margin-top:24px; padding:16px; }
  .search-proof-grid > div { padding:0 12px; }
}
@media(max-width:540px) {
  .search-home { display:block; }
  .studio-art { display:none; }
  .search-home h1 { font-size:clamp(38px,10vw,52px); }
  .search-home-kicker { font-size:9px; margin-bottom:18px; }
  .search-home-copy { font-size:14px; line-height:1.7; }
  .universal-search-box { grid-template-columns:minmax(0,1fr); gap:6px; padding:7px; min-height:58px; }
  .search-box-mark { display:none; }
  .universal-search-box input { grid-column:1/-1; width:100%; font-size:16px; padding:8px; min-width:0; }
  .universal-search-submit { padding:10px 13px; min-width:70px; }
  .universal-search-submit span:last-child { display:none; }
  .search-filter-row { gap:6px; }
  .search-filter-label { width:100%; }
  .search-chip,.search-scope { font-size:11px; padding:8px 9px; }
  .search-proof-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px 0; }
  .search-proof-grid > div:nth-child(3) { padding-left:0; }
  .search-proof-grid > div:nth-child(2) { border:0; }
  .search-proof-grid strong { font-size:23px; }
  .search-results-shell { padding:14px; }
  .visual-mode-toggle { font-size:11px; padding:9px; }
}