/* Surfaces have depth, while motion follows an action and then settles. */
.exp-library { color:inherit; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.3); }
.exp-library:focus-visible { outline:2px solid white; outline-offset:4px; }
.exp-actions { flex-wrap:wrap; }
.exp-act[hidden] { display:none; }
.exp-act:disabled { opacity:.5; cursor:not-allowed; }
.exp-media[role="button"] { cursor:pointer; }
.exp-media[role="button"]:focus-visible { outline:2px solid white; outline-offset:-3px; }
.fy-topbar { display:flex; align-items:center; gap:18px; padding:14px 28px; border-bottom:1px solid var(--border-subtle); }
.fy-topbar strong { font-size:16px; letter-spacing:-.02em; }
.fy-topbar > span { color:var(--text-secondary); font-size:12px; }
.fy-topbar button { margin-left:auto; }
@media(max-width:700px) { .fy-topbar { padding:12px 16px; } .fy-topbar > span { display:none; } }
.workspace-eyebrow { display:block; font-size:11px; line-height:1.5; font-weight:650;
  letter-spacing:.14em; text-transform:uppercase; color:var(--text-secondary); margin-bottom:20px; }
#page-winners .content, #page-analyser .content { max-width:1240px; }
.wn-hero { position:relative; padding:24px 0 36px; margin-bottom:28px;
  border-bottom:1px solid var(--border-subtle); }
.wn-hero .pg-title { font-size:clamp(34px,3.5vw,54px); line-height:1.08; letter-spacing:-.055em; max-width:740px; }
.wn-hero .pg-sub { max-width:540px; line-height:1.7; margin-top:18px; }
.wn-hero > .btn { margin-top:22px; gap:28px; border-radius:100px; padding:13px 22px; }
.wn-section-head { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:18px; }
.wn-section-head h2 { margin:0; font-size:16px; font-weight:600; }
.wn-section-head > span { color:var(--text-muted); font-size:12px; }
#page-winners .wn-card { border:1px solid var(--border-subtle); border-radius:22px;
  background:linear-gradient(125deg,var(--bg-elev-1),var(--bg-base)); overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.07); transition:transform 240ms var(--ease),border-color 240ms,box-shadow 240ms; }
#page-winners .wn-body { padding:28px; gap:24px; min-width:0; }
#page-winners .wn-name { font-size:26px; letter-spacing:-.035em; }
#page-winners .wn-info { gap:26px; }
#page-winners .wn-media { gap:10px; align-items:center; min-width:0; }
#page-winners .wn-tile { width:96px; border-radius:12px; transition:transform 380ms var(--ease-enter); }
#page-winners .wn-tile--lead { width:144px; }
#page-winners .wn-tile:nth-child(n+4) { display:none; }
.wn-list > .wn-card { animation:workspace-arrive 480ms var(--ease-enter) both; }
.wn-list > .wn-card:nth-child(2) { animation-delay:65ms; }
.wn-list > .wn-card:nth-child(n+3) { animation-delay:130ms; }
.wn-open { color:var(--text-secondary); font-size:12px; display:flex; gap:20px; align-items:center; }
#page-analyser .an-hero { position:relative; max-width:940px; margin:20px auto 40px; padding:28px 0 0; }
#page-analyser .an-h { font-size:clamp(36px,4.4vw,64px); line-height:1.06; letter-spacing:-.055em; max-width:780px; }
#page-analyser .an-sub { max-width:600px; margin-top:22px; line-height:1.75; }
.an-composer { position:relative; padding:26px; border:1px solid var(--border-subtle); border-radius:24px;
  background:linear-gradient(135deg,var(--bg-elev-1),var(--bg-base)); box-shadow:0 18px 50px rgba(0,0,0,.09);
  transition:border-color 220ms,box-shadow 220ms; }
.an-composer:focus-within { border-color:var(--text-muted); box-shadow:0 18px 50px rgba(0,0,0,.14); }
.an-composer .an-field { flex-wrap:nowrap; padding:6px; gap:6px; background:var(--bg-base); border:1px solid var(--border-subtle); border-radius:14px; }
.an-composer .an-url { min-width:0; background:transparent; box-shadow:none; padding:14px; }
.an-composer .an-cta { border-radius:10px; font-size:14px; padding:14px 24px; }
.an-composer .an-hint { margin-bottom:0; }
.an-journey { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; list-style:none; padding:0; margin:32px 0; }
.an-journey li { position:relative; padding:0 24px; border-left:1px solid var(--border-subtle); animation:workspace-arrive 550ms var(--ease-enter) both; }
.an-journey li:first-child { padding-left:0; border:0; }
.an-journey li:nth-child(2) { animation-delay:70ms; }
.an-journey li:nth-child(3) { animation-delay:140ms; }
.an-step { display:block; color:var(--text-muted); font-size:11px; font-variant-numeric:tabular-nums; letter-spacing:.08em; margin-bottom:16px; }
.an-journey h2 { font-size:15px; font-weight:600; margin:0 0 8px; }
.an-journey p { font-size:13px; line-height:1.65; color:var(--text-secondary); margin:0; max-width:24ch; }
#page-analyser .an-adv { border-top:1px solid var(--border-subtle); padding-top:18px; }
.aw-tabs { width:fit-content; max-width:100%; border:1px solid var(--border-subtle); border-radius:100px; padding:5px; gap:4px; background:var(--bg-elev-1); }
.aw-tabs .aw-tab { border-radius:100px; border:0; padding:10px 18px; transition:background 180ms,color 180ms; }
.aw-tabs .aw-tab-on { background:var(--text-primary); color:var(--bg-base); }
.wr-card { transition:transform 260ms var(--ease),box-shadow 260ms; }
@keyframes workspace-arrive { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
@media (hover:hover) {
  #page-winners .wn-card:not(.wn-card--skeleton):hover { transform:translateY(-3px); border-color:var(--text-muted); box-shadow:0 18px 40px rgba(0,0,0,.16); }
  #page-winners .wn-card:hover .wn-tile--lead { transform:scale(1.025); }
  .wr-card:hover { transform:translateY(-3px); }
}
@media (max-width:1100px) { #page-winners .wn-tile { width:80px; } #page-winners .wn-tile--lead { width:112px; } }
@media (max-width:900px) {
  #page-winners .wn-body { grid-template-columns:minmax(0,1fr); }
  #page-winners .wn-media { margin:0; padding:0; overflow:hidden; }
  #page-winners .wn-tile { width:calc((100% - 20px)/3); max-width:150px; }
}
@media (max-width:600px) {
  #page-analyser .an-hero { margin-top:0; padding-top:12px; }
  .an-composer { padding:16px; border-radius:18px; }
  .an-composer .an-field { flex-direction:column; }
  .an-journey { grid-template-columns:1fr; gap:22px; }
  .an-journey li, .an-journey li:first-child { padding:0 0 0 38px; border:0; }
  .an-step { position:absolute; left:0; top:2px; }
  .an-journey p { max-width:none; }
  #page-winners .wn-body { padding:20px; }
  .wn-hero { padding-top:8px; }
  .wn-hero .pg-title { font-size:36px; }
}
@media (prefers-reduced-motion:reduce) {
  .wn-list > .wn-card, .an-journey li { animation:none; }
  #page-winners .wn-card, #page-winners .wn-tile, .wr-card, .an-composer, .aw-tabs .aw-tab { transition:none; }
  #page-winners .wn-card:hover, #page-winners .wn-card:hover .wn-tile--lead, .wr-card:hover { transform:none; }
}