/* Judd — light, minimal product layout. Loaded after earlier theme files. */
:root{
  --bg:#fbfbfc;
  --card:#fff;
  --ink:#202025;
  --muted:#77777e;
  --line:#e7e7eb;
  --shadow:none;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400}
button,input,select{font-family:inherit}
strong,b{font-weight:600}
.topbar{height:74px;background:rgba(255,255,255,.96);border-bottom:1px solid #eeeef1;backdrop-filter:blur(12px);gap:20px}
 .topbar .brand{font-size:14px;font-weight:630;letter-spacing:-.035em}
.topbar .brand img{background:none;border-radius:50%}
.site-nav{gap:12px}
.site-nav>button,.site-nav>a,.nav-guides>summary{font-size:12px;font-weight:500;color:#67666d;padding:10px 9px;border-radius:7px}
.site-nav>button:hover,.site-nav>a:hover,.nav-guides>summary:hover{color:#24212c;background:#f3f3f6}
.site-nav .nav-judge.active{background:transparent;color:#18181c;font-weight:590;border-radius:0;border-bottom:2px solid #222226}
.site-nav .nav-discover,.site-nav .nav-discover.active{background:#f1edff;border:1px solid #e5dcff;color:#6147c8;padding:10px 18px;border-radius:999px;font-weight:600;font-size:12px;letter-spacing:0}
.site-nav .nav-discover:hover{background:#e7dfff;color:#5838c7;border-color:#d8c8ff}
.site-nav .nav-discover.active{background:#6c56d9;color:#fff;border-color:#6c56d9}
.topbar .lang,.topbar .account{border-color:#e9e9ed;background:#fff;height:36px;font-size:12px;font-weight:500;color:#34343b}
.topbar .account{padding:0 15px}
.guides-dropdown{border-color:#e6e6ed;box-shadow:0 10px 34px rgba(28,22,45,.08)}
.guides-dropdown a{font-weight:500}
.judd-start{width:min(1260px,calc(100% - 64px));max-width:none;padding:clamp(44px,7vh,80px) 0 72px;min-height:min(800px,calc(100svh - 138px));display:flex;flex-direction:column;justify-content:center}
.judd-start-layout{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  align-items:center;column-gap:clamp(42px,5.3vw,90px);
}
.judd-workspace .judge{
  background:transparent;border:0;box-shadow:none;border-radius:0;
  padding:0;max-width:550px;margin:0 auto;width:100%;
}
.judd-workspace .judge .eyebrow{color:#797681;font-size:11px;letter-spacing:.06em;font-weight:560;text-transform:none;margin:0 0 10px}
.judd-workspace .judge h2{
  font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:clamp(30px,2.8vw,38px);font-weight:540;
  line-height:1.17;letter-spacing:-.055em;margin:0 0 8px
}
.judd-workspace .judge>.muted{font-size:14px;font-weight:400;line-height:1.5;color:#77767d;margin:0 0 20px}
.judd-workspace .drop{
  min-height:300px;border-radius:15px;border:1.5px dashed #c7c6d0;
  background:#f7f7fa;transition:border-color .18s ease,background .18s ease;
}
.judd-workspace .drop:hover{background:#f3f1fb;border-color:#987fe0}
.judd-workspace .drop:focus-within{outline:3px solid rgba(111,89,255,.23);outline-offset:3px}
.judd-workspace .drop-copy img{width:48px;height:48px;object-fit:contain}
.judd-workspace .drop-copy strong{font-size:16px;font-weight:550;letter-spacing:-.02em;margin-top:11px}
.judd-workspace .drop-copy small{font-size:12px;font-weight:400;color:#8c8b94;margin-top:7px}
.judd-workspace .controls{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:17px}
.judd-workspace .controls .primary{height:49px;border-radius:11px;background:#25242b;font-weight:530;font-size:13px;padding:0 21px;box-shadow:none}
.judd-workspace .controls .primary:hover{background:#4f3cb4}
.judd-workspace .field span{font-size:11px;letter-spacing:0;font-weight:500;color:#77767d;text-transform:none}
.judd-workspace .field select{height:49px;font-size:13px;font-weight:500;background:#fff;border-color:#e4e3e9;border-radius:11px}
.judd-workspace .status{font-size:12px;color:#898790;font-weight:400;margin-top:10px}
.judd-explainer{
  padding:0;display:flex;flex-direction:column;
  justify-content:center;align-items:center;text-align:center;min-width:0
}
.judd-illustration{
  position:relative;isolation:isolate;display:block;
  width:clamp(242px,23vw,296px);height:auto;aspect-ratio:1 / 1;
  margin:0 auto 18px;flex-shrink:0;
}
.judd-illustration img{
  display:block;width:100%;height:100%;object-fit:contain;
  border-radius:27px;user-select:none;-webkit-user-drag:none
}
.judd-explainer h1{
  font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:clamp(30px,2.8vw,37px);font-weight:540;line-height:1.15;
  letter-spacing:-.055em;margin:0 0 11px;color:#202025
}
.judd-explainer .judd-intro-lead{
  font-size:17px;line-height:1.5;font-weight:480;color:#34333a;
  letter-spacing:-.018em;max-width:410px;margin:0 0 9px
}
.judd-explainer .judd-intro-copy{
  font-size:14px;font-weight:400;color:#7b7881;line-height:1.65;
  max-width:400px;margin:0
}
.judd-trust-line{font-size:11px;line-height:1.5;color:#8a8792;margin:18px 0 0;letter-spacing:.005em}
.judd-trust-line span{margin:0 6px}
.judd-why-link{font-size:12px;font-weight:500;color:#6b57bd;margin-top:16px}
.discover-intro h1{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:550;letter-spacing:-.06em}
.discover-intro>div>p:last-child{font-weight:400}
.discover-card h3{font-weight:580}
.discover-weekly strong,.discover-sort button,.discover-card-label{font-weight:560}
.discover-section .primary{font-weight:550}
.history h2,.modal h2{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:550}
.result h3,.result .roast{font-weight:550}
footer{border-top:1px solid #eeeef1;background:#fff}
.footer strong{font-weight:540}
.footer a{font-weight:450}
@media(max-width:960px){
 .judd-start{width:calc(100% - 42px);max-width:none}
 .judd-start-layout{column-gap:30px}
 .judd-workspace .judge h2{font-size:32px}
 .judd-illustration{width:252px}
 .site-nav{gap:2px}
}
@media(max-width:780px){
 .topbar{height:64px}
 .judd-start-layout{grid-template-columns:minmax(0,1fr);gap:55px}
 .judd-start{width:calc(100% - 40px);max-width:none;min-height:0;padding-top:35px}
 .judd-workspace .judge{max-width:570px}
 .judd-explainer{padding:0 12px}
 .judd-illustration{width:245px}
}
@media(max-width:560px){
 .topbar{padding:0 11px}
 .topbar .brand img{width:32px;height:32px}
 .site-nav>button{font-size:11px;font-weight:570}
 .site-nav .nav-discover,.site-nav .nav-discover.active{font-weight:580;padding:9px 12px}
 .judd-start{width:calc(100% - 36px);max-width:none;padding-top:29px}
 .judd-workspace .judge{padding:0}
 .judd-workspace .judge h2{font-size:31px;line-height:1.18}
 .judd-workspace .drop{min-height:246px}
 .judd-workspace .controls{grid-template-columns:1fr}
 .judd-workspace .controls .primary{width:100%}
 .judd-explainer{padding:0 8px}
 .judd-explainer h1{font-size:31px}
 .judd-illustration{width:232px}
}