@font-face{font-family:Yellowtail;src:url('yellowtail.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:15px}body{margin:0;background:#eae41f;font-family:Arial,Helvetica,sans-serif;color:#252323}.site{width:960px;max-width:calc(100% - 24px);margin:64px auto 24px;background:#ffeb00}.masthead{position:relative;height:234px;border-top:25px solid #f45109;background:#ffe31b url('hero.webp') center top/cover no-repeat}.branding{position:absolute;left:22%;right:26%;top:19px;text-align:center}.dilemma{font-size:19px;font-weight:900;font-style:italic;margin:0;color:#b11b00}.branding h1{font-family:Yellowtail,'Brush Script MT',cursive;font-size:58px;font-weight:400;line-height:.95;white-space:nowrap;margin:5px -50px 11px;color:#292a20;-webkit-text-stroke:1px #fff7ac;paint-order:stroke fill;text-shadow:2px 3px 0 #fff5a3,3px 4px 0 #855800}.name{font-weight:900;font-size:31px;color:#e00000;text-shadow:2px 2px white,-1px -1px white;line-height:1;margin:0 0 9px}.name span{color:#111;font-size:37px}.qualification{font-size:10px;font-weight:900;letter-spacing:1px;margin:0}.ticker{display:block;border:0;background:#ee0600;color:#fff329;font-size:19px;letter-spacing:.5px;font-weight:900;padding:10px 6px;width:100%;cursor:pointer}.ticker:hover{background:#b70000}.parody-strip{text-align:center;font-size:10px;font-weight:bold;letter-spacing:.9px;margin:0;padding:6px;background:#fff786;color:#573913}.top-grid{display:grid;grid-template-columns:156px minmax(0,1fr) 162px;gap:7px;background:linear-gradient(#ffb218,#ffe900 60%);padding:0 0 7px}.left-rail nav{background:#7babba;padding:4px}.left-rail nav a{display:flex;align-items:center;min-height:43px;padding:7px 5px;margin-bottom:4px;border:2px outset #fff89a;background:linear-gradient(#ffa915,#ffeb3b);font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:18px;letter-spacing:-.25px;text-decoration:none;color:#292824}.left-rail nav a:last-child{margin-bottom:0}.left-rail nav a:hover{background:#fff897;color:#c20000}.worked{display:block;padding:6px;margin-top:7px;background:#ff7914;text-align:center;text-decoration:none;color:#ffe800}.worked img{display:block;width:100%;height:110px;object-fit:cover;border:3px solid #f524bb}.worked strong{display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;line-height:1;transform:rotate(-3deg);text-shadow:2px 2px #ed00b3,-1px -1px #ed00b3;margin-top:-5px}.worked>span{display:block;color:#441800;font-weight:bold;font-size:9px;margin-top:7px}h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.4px;margin:0}.consultations{padding:15px 14px 12px;text-align:center}.consultations>h2{color:#e20000;font-family:Arial,sans-serif;font-weight:900;font-size:29px;text-shadow:2px 2px white,-1px -1px white}.section-kicker{font-size:10px;font-weight:bold;margin:7px 0 14px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 17px}.case{border:0;background:none;padding:0;cursor:pointer;font-family:inherit;min-width:0}.photo{position:relative;display:block;border:3px outset #f9d360;overflow:hidden}.photo img{display:block;aspect-ratio:4/3;width:100%;height:auto;object-fit:cover;transition:transform .2s}.case:hover img{transform:scale(1.035)}.case-tag{position:absolute;bottom:0;left:0;padding:3px 6px;background:#173c65;color:#fff;font-size:10px;font-weight:bold}.case strong{display:block;color:#b81900;font-family:Impact,'Arial Narrow',sans-serif;font-size:17px;margin-top:6px;line-height:1.15}.case small{display:block;font-size:10px;margin-top:3px}.right-rail{border:5px ridge #83aec0;text-align:center;background:linear-gradient(#146b81,#092c40);color:#fff;padding:12px 7px;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.script{font-family:Yellowtail,cursive;color:#ffef23;font-size:30px;line-height:.87;margin:0 0 14px;transform:rotate(-7deg);text-shadow:2px 2px #a5190a}.right-rail img{width:100%;height:143px;object-fit:cover;object-position:45%;border:2px solid #efd449}.right-rail h2{font-size:22px;line-height:1.05;color:#fff0a3;margin:12px 0}.right-rail h2 small{display:block;font-family:Arial,sans-serif;font-size:9px;line-height:1.3;margin-top:7px;color:white}.big-button{border:3px outset #ffe690;background:linear-gradient(#fff876,#ffbf00);padding:9px 12px;font-family:Impact,'Arial Narrow',sans-serif;font-size:20px;line-height:1.05;cursor:pointer;color:#a61100}.big-button:hover{background:#fff78b}.office-hours{font-size:10px;line-height:1.5;margin:10px 0 0}.welcome{border-top:4px ridge #fff386;border-bottom:4px ridge #fff386;display:flex;align-items:center;justify-content:space-evenly;background:linear-gradient(#ffa213,#fff52b);padding:6px 12px;gap:6px}.welcome h2{font-size:48px;color:#cd3000;text-align:center;text-shadow:2px 2px #f5e798,4px 4px #745c28;-webkit-text-stroke:1px #f3c974}.welcome>span{font-family:Georgia,serif;font-size:62px;color:#6c756c;text-shadow:2px 3px #fff3a1}.ads{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:7px;padding:7px 0;background:#ebbf34}.mum-ad{cursor:pointer;display:flex;flex-direction:column;border:3px outset #d69813;padding:0;background:#121c4b;color:#fff329;font-family:inherit;text-align:center;overflow:hidden}.ad-strip{display:block;background:#2742b5;color:#fff236;font-weight:900;font-style:italic;font-size:16px;padding:5px;width:100%}.mum-ad img{width:100%;height:176px;object-fit:cover}.mum-ad strong{font-size:22px;line-height:1.15;margin:6px}.mum-ad>span:last-child{font-size:9px;font-weight:bold;line-height:1.3;margin:0 8px 7px}.sponsor{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:9px 10px;text-align:center;text-decoration:none;border:4px outset #d6ac56;min-width:0}.therapy{background:#f3ce92;color:#3b1c50}.tech{background:#112d51;color:#fff0a0}.ad-label{font-size:8px;letter-spacing:1.5px;font-weight:bold}.sponsor-intro{font-size:19px;font-family:Impact,'Arial Narrow',sans-serif;margin-top:11px}.sponsor strong{font-size:22px;line-height:1.05;margin-top:6px}.sponsor em{font-family:Yellowtail,cursive;font-size:46px;font-weight:400;color:#b0002b}.tech em{color:#ffda18}.sponsor p{font-size:12px;line-height:1.5;margin:8px 0}.sponsor-url{padding:5px 10px;background:#9b0923;color:#fff7b5;font-size:19px;font-weight:bold}.tech .sponsor-url{background:#ffdf12;color:#182740}.sponsor small{margin-top:8px;font-size:10px}.sponsor:hover{filter:brightness(1.08)}.testimonials{padding:22px;background:linear-gradient(#ffac14,#fff038);border-top:4px ridge #f4d074;text-align:center}.testimonials>h2{font-size:33px;color:#ae2000;text-shadow:1px 1px white}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quote-grid blockquote{margin:0;text-align:left;border:3px ridge #edb453;padding:13px;background:#fff8b5}.stars{font-size:20px;letter-spacing:3px;color:#b12800}.quote-grid p{font-size:13px;line-height:1.45}.quote-grid footer{font-size:13px;font-weight:900;color:#a42000}.quote-grid footer span{display:block;font-size:10px;color:#382b24;margin-top:3px}.rap-sheet{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:17px;align-items:center;border:7px ridge #8bafc1;background:#fff4a2;padding:25px 20px}.rap-sheet h2{font-size:30px;color:#a21400;margin-top:12px}.rap-sheet p{font-size:13px;line-height:1.4}.stamp{display:inline-block;transform:rotate(-4deg);font-weight:900;border:3px solid #b71913;color:#b71913;padding:3px 7px;font-size:15px}.rap-sheet ol{margin:0;padding-left:24px}.rap-sheet li{font-size:13px;padding:8px 0;border-bottom:1px dashed #917e39}.rap-sheet li span{display:block;font-size:11px;margin-top:4px}.rap-sheet>.big-button{grid-column:1/-1;justify-self:center}.closing{text-align:center;background:#e51b05;padding:11px 8px;color:#fff31d}.closing p{font-weight:bold;font-size:17px;margin:0 0 8px}.closing p span{font-family:Yellowtail,cursive;font-size:30px;margin-left:7px}.closing a{color:white;font-size:10px;font-weight:bold}.legal{background:#eae41f;text-align:center;padding:18px 35px;font-size:10px;line-height:1.5;color:#464324}.legal p{margin:0 0 9px}.skip{position:absolute;left:15px;top:-100px;background:white;padding:14px;z-index:10}.skip:focus{top:10px}a:focus-visible,button:focus-visible{outline:4px solid #111;outline-offset:3px}dialog{max-width:620px;width:calc(100% - 28px);max-height:90vh;overflow:auto;padding:0;background:#fff2a0;color:#222;border:7px ridge #80b0c3;box-shadow:10px 10px 0 #b61c00}dialog::backdrop{background:#1b180dbb}.close{position:absolute;right:7px;top:7px;border:2px solid #fff;background:#c91700;color:white;font-size:26px;line-height:1;width:37px;height:37px;cursor:pointer;z-index:1}.dialog-photo{width:100%;display:block;max-height:300px;object-fit:cover}.dialog-copy{padding:23px}.dialog-copy h2{font-size:30px;color:#b71900;margin:0 0 12px}.dialog-copy p{font-size:15px;line-height:1.5}.verdict{font-weight:bold;background:#ffe600;border-left:5px solid #c82000;padding:12px}.fiction{font-size:11px!important}.dilemmas{display:flex;flex-wrap:wrap;gap:8px}.dilemmas button{background:#ffdf00;border:2px outset #cf9b30;padding:10px;font-weight:bold;cursor:pointer}.dilemmas button[aria-pressed=true]{background:#a51c00;color:#fff}.noscript{max-width:900px;margin:15px auto;padding:10px;background:#fff}
@media(min-width:1500px){.site{margin-top:90px}}@media(max-width:800px){.site{margin-top:18px;max-width:calc(100% - 16px)}.masthead{height:205px;background-position:center}.branding{left:22%;right:26%;top:19px}.branding h1{font-size:43px;margin-left:-30px;margin-right:-30px}.dilemma{font-size:16px}.name{font-size:25px}.qualification{font-size:8px}.top-grid{grid-template-columns:135px minmax(0,1fr)}.right-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 120px 1fr 1fr;gap:10px;align-items:center;padding:10px}.right-rail img{height:92px}.right-rail .script{margin:0}.right-rail h2{margin:0}.office-hours{display:none}.welcome h2{font-size:37px}.welcome>span{font-size:45px}.case strong{font-size:16px}.ads{grid-template-columns:1fr 1fr}.mum-ad{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr}.ad-strip{grid-column:1/-1}.mum-ad img{grid-row:2/4;height:140px}.mum-ad strong{align-self:end;font-size:27px}.mum-ad>span:last-child{align-self:start;margin-top:6px}.sponsor{min-height:285px}.quote-grid{gap:7px}.quote-grid blockquote{padding:10px}.quote-grid p{font-size:12px}}
@media(max-width:520px){.site{margin-top:10px}.masthead{height:185px;border-top-width:12px;background-size:auto 185px;background-position:right top}.branding{left:3%;right:44%;top:13px}.branding h1{white-space:normal;font-size:38px;line-height:.86;margin:7px 0 12px;text-shadow:2px 2px #fff49b}.dilemma{font-size:14px}.name{font-size:18px}.name span{font-size:20px}.qualification{font-size:7px;line-height:1.4}.ticker{font-size:14px;padding:9px 12px}.ticker span{display:block;font-size:12px;margin-top:4px}.parody-strip{font-size:8px;line-height:1.4;padding:5px 10px;letter-spacing:.2px}.top-grid{display:flex;flex-direction:column;gap:0}.left-rail{display:contents}.left-rail nav{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:6px}.left-rail nav a{min-height:36px;font-size:13px;margin:0;padding:6px;flex:1 0 30%;justify-content:center}.worked{display:none}.consultations{padding:16px 10px}.consultations>h2{font-size:27px}.section-kicker{font-size:8px;line-height:1.4}.case-grid{gap:14px 9px}.case strong{font-size:14px}.case small{font-size:9px}.case-tag{font-size:8px}.right-rail{grid-template-columns:1fr 1fr;border-width:4px;padding:14px;gap:14px;margin:5px}.right-rail img{height:125px;grid-column:1;grid-row:1/3}.right-rail .script{display:none}.right-rail h2{font-size:21px}.right-rail .big-button{font-size:18px}.welcome{padding:11px 6px}.welcome h2{font-size:28px;line-height:1.05}.welcome>span{font-size:32px}.ads{gap:5px}.mum-ad strong{font-size:23px}.sponsor{padding:9px 5px;min-height:270px;border-width:3px}.sponsor-intro{font-size:16px}.sponsor strong{font-size:18px}.sponsor em{font-size:34px}.sponsor p{font-size:10px}.sponsor-url{font-size:15px;padding:5px}.ad-label{font-size:6px}.testimonials{padding:18px 10px}.testimonials>h2{font-size:27px}.quote-grid{grid-template-columns:1fr}.quote-grid blockquote{padding:13px}.quote-grid p{font-size:14px}.rap-sheet{grid-template-columns:1fr;padding:18px 14px;gap:10px}.rap-sheet h2{font-size:28px}.rap-sheet li{font-size:14px}.closing p{font-size:14px}.closing p span{display:block;margin:5px 0 0}.legal{padding:18px 12px;font-size:9px}.dialog-copy{padding:18px}.dialog-copy h2{font-size:25px}.dialog-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}
