:root{--ink:#302451;--paper:#ede5ff;--accent:#bfeca3;--line:color-mix(in srgb,var(--ink) 23%,var(--paper));--muted:color-mix(in srgb,var(--ink) 74%,var(--paper))}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;text-wrap:balance}h1{font-size:clamp(48px,6.4vw,100px);letter-spacing:-.065em}h2{font-size:clamp(34px,4vw,62px);letter-spacing:-.045em}h3{font-size:clamp(22px,2.2vw,31px);letter-spacing:-.03em}a{color:inherit}button,input,select,textarea{font:inherit}button,select{cursor:pointer}a,button,input,select,textarea{scroll-margin-block:85px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d65317;outline-offset:4px}button{color:inherit}button,a{touch-action:manipulation}.shell{width:min(1380px,calc(100% - 9vw));margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:84px;border-bottom:1px solid var(--line);position:relative;z-index:5}.identity{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:46px;font-size:20px;font-weight:800;letter-spacing:-.055em;line-height:1.08}.identity img{width:43px;height:43px}.nav{display:flex;align-items:center;gap:22px}.nav a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;text-decoration:none}.nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav button,.primary,.secondary,.tool-reset,.step-prev{min-height:46px;padding:12px 19px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:13px;line-height:1.4;font-weight:700;text-align:left;max-width:100%}.secondary,.tool-reset,.step-prev{background:transparent;color:var(--ink)}.primary:hover,.nav button:hover{background:var(--accent);color:var(--ink)}.menu-toggle{display:none;min-height:44px;border:1px solid var(--line);padding:8px 13px;background:transparent}.eyebrow,.number{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:block;margin-bottom:18px}.hero-lead{font-size:clamp(16px,1.55vw,21px);line-height:1.55;max-width:620px;margin:24px 0}.hero-actions,.tool-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-actions{margin-top:25px}.hero-media{position:relative;min-width:0}.hero-media img{display:block;width:100%;max-width:100%;object-fit:cover}.hero-media figcaption{font-size:10px;letter-spacing:.06em;margin-top:8px}.banner{width:100%;display:block;height:auto}.section{margin-block:clamp(48px,7vw,100px)}.section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end;margin-bottom:30px}.section-intro p{max-width:520px}.tool{padding:clamp(22px,4vw,50px);border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 91%,white)}.tool form{margin-top:24px}.fields{display:grid;gap:17px}.fields.cols{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field span,fieldset legend{font-size:14px;font-weight:750}.field small,.note{font-size:13px;color:var(--muted);line-height:1.55}.field input:not([type=range]),.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:12px 13px;min-height:46px;border-radius:0}.field input[type=range]{width:100%;min-height:44px;accent-color:var(--ink)}.choices{border:0;margin:0;padding:0;min-width:0}.choices legend{margin-bottom:12px}.choice{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);padding:12px 15px;min-height:49px;margin-top:6px;font-size:15px;cursor:pointer}.choice:has(input:checked){border-color:var(--ink);box-shadow:inset 3px 0 0 var(--ink)}.choice input{accent-color:var(--ink);width:17px;height:17px}.tool-actions{margin-top:23px}.result{margin-top:22px;border-top:1px solid var(--ink);padding-top:18px}.result h3{margin-bottom:9px}.result p{max-width:850px}.result ul{padding-left:20px}.result li{margin:6px 0}.result button{margin-top:13px}.tool-status{font-size:13px;min-height:1.5em}.chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.chapter{min-width:0;border-top:3px solid var(--ink);padding-top:18px}.chapter h3{margin:12px 0}.chapter p,.essay p{font-size:15px;line-height:1.75}.essay{display:grid;grid-template-columns:minmax(200px,.85fr) minmax(0,1.5fr);gap:12%;border-top:1px solid var(--line);padding-top:30px}.essay .prose p+p{margin-top:14px}.guide-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.guide-links a{border:1px solid var(--line);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;text-decoration:none;min-height:58px}.guide-links a:hover{border-color:var(--ink)}.closing{border-block:1px solid var(--line);padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing p{max-width:740px}.foot{padding:36px 0 65px;display:flex;justify-content:space-between;gap:18px;align-items:start;font-size:12px}.foot p{max-width:420px}.foot nav{display:flex;gap:15px;flex-wrap:wrap}.foot a{min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}[hidden]{display:none!important}
@media(max-width:920px){.shell{width:calc(100% - 7vw)}.nav{gap:13px}.nav a{font-size:12px}.chapters{gap:16px}.chapter p{font-size:14px}.top{min-height:72px}}
@media(max-width:760px){.menu-toggle{display:inline-flex;align-items:center}.nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;padding:15px;border:1px solid var(--line);background:var(--paper);flex-direction:column;align-items:stretch;gap:3px}.nav.open{display:flex}.nav a{font-size:15px;min-height:46px}.top{min-height:68px}.identity{font-size:18px}.identity img{width:36px;height:36px}.section-intro,.essay{grid-template-columns:1fr;gap:18px}.chapters{grid-template-columns:1fr;gap:23px}.closing,.foot{flex-direction:column;align-items:flex-start}.hero-actions,.tool-actions{gap:9px}.guide-links{grid-template-columns:1fr}.fields.cols{grid-template-columns:1fr}.shell{width:calc(100% - 36px)}h1{font-size:clamp(43px,9.8vw,68px)}.tool{padding:20px}.hero-lead{margin:16px 0}.section{margin-block:50px}}
@media(max-width:360px){.shell{width:calc(100% - 28px)}.identity{font-size:16px;gap:7px}.top{gap:8px}.hero-actions>*{width:100%}.tool{padding:16px}.field input,.field textarea,.field select{font-size:16px}.primary,.secondary,.tool-reset,.step-prev{padding:11px 14px}.hero-actions{align-items:stretch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.match .top{border-bottom:0}.match .primary,.match .secondary,.match .nav button,.match .tool-reset,.match .step-prev{border-radius:40px}.hero-match{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:6%;align-items:center;padding-top:35px}.hero-match h1{font-weight:900}.hero-match h1 em{font-family:Georgia,serif;font-weight:400}.hero-match .hero-media{padding:11px;background:#fff9;transform:rotate(2deg);border:1px solid #35235144;border-radius:22px;box-shadow:8px 10px 0 #bfa6e2}.hero-match .photo{height:clamp(320px,31vw,450px);border-radius:14px;object-position:52% 35%}.match-band{margin-top:35px;max-height:140px;object-fit:cover}.match .tool{max-width:920px;margin-left:auto;margin-right:auto;border:2px solid var(--ink);border-radius:26px;box-shadow:8px 8px 0 var(--ink);background:#fffaf6}.match .choice{border-radius:12px}.match .chapters{gap:12px}.match .chapter{padding:24px;background:#e0d5f0;border:0;border-radius:19px}.match .chapter:nth-child(2){background:#d4eab5}.match .chapter:nth-child(3){background:#f4d2bc}.match .eyebrow{letter-spacing:.1em}.match .guide-links a{border-radius:12px}.step-meter{font-weight:700;font-size:13px;letter-spacing:.05em}.match .essay{border-top:0}.match .section-intro{align-items:center}@media(max-width:760px){.hero-match{grid-template-columns:1fr;gap:24px}.hero-match .hero-media{width:92%;margin:auto}.hero-match .photo{height:250px}.match-band{max-height:85px}.match .tool{box-shadow:4px 5px 0 var(--ink)}}
.menu-toggle{white-space:nowrap;flex:0 0 auto;line-height:1.3}
@media(min-width:761px) and (max-width:880px){.menu-toggle{display:inline-flex;align-items:center}.nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;padding:15px;border:1px solid var(--line);background:var(--paper);flex-direction:column;align-items:stretch;gap:3px}.nav.open{display:flex}.nav a{min-height:46px;font-size:15px}.nav button{justify-content:flex-start}.top{min-height:68px}}
@media(min-width:761px) and (max-width:1100px){.hero-match .photo{height:auto;aspect-ratio:4/3;object-fit:cover;object-position:47% 44%}}
