/* Additions for the live app on top of the approved design (raven.css). */
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}body{background:#fff}
.sq{position:relative;overflow:hidden}.sq>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.vh{position:absolute;left:-9999px}.hidden{display:none!important}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #17141F;outline-offset:2px}
/* selects styled as the approved filter pills */
.ft select{appearance:none;-webkit-appearance:none;height:38px;padding:0 36px 0 17px;border-radius:99px;border:1.5px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2317141F' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 14px center;font-weight:600;font-size:14px;color:#17141F;cursor:pointer}
.ft select.on{background-color:var(--ring);color:#fff;border-color:var(--ring)}
.gd{position:relative}.gd summary{list-style:none;height:38px;padding:0 17px;border-radius:99px;border:1.5px solid var(--line);background:#fff;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.gd summary::-webkit-details-marker{display:none}.gd[open] summary,.gd.on summary{border-color:var(--ring)}.gd.on summary{background:var(--ring);color:#fff}
.gm{position:absolute;z-index:40;top:46px;left:0;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:10px 14px;min-width:230px;max-height:340px;overflow:auto;box-shadow:0 18px 40px rgba(23,20,31,.18)}
.gm label.ks{font-weight:800;margin-top:4px}.gm label.ks:first-child{margin-top:0}.gm label.kc{padding-left:26px;font-weight:600}
.wlm{position:absolute;z-index:40;top:46px;left:0;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:10px 14px;min-width:230px;max-height:340px;overflow:auto;box-shadow:0 18px 40px rgba(23,20,31,.18);text-align:left}.wlm[hidden]{display:none}.wlm label{display:flex;gap:10px;align-items:center;min-height:40px;font-weight:600;font-size:15px;cursor:pointer;white-space:nowrap}.wlm input{width:18px;height:18px;accent-color:#17141F}
.gm label{display:flex;gap:10px;align-items:center;min-height:40px;font-weight:600;font-size:15px;cursor:pointer}.gm input{width:18px;height:18px;accent-color:#17141F}
.ft button[aria-pressed=true]{background:var(--ring);color:#fff;border-color:var(--ring)}.ft .clr{background:none;border:0;margin-left:6px;font-weight:700;font-size:14px;color:#3B22C4;text-decoration:underline;cursor:pointer;color:#17141F}
.nv button.on{display:inline-flex;gap:8px}
/* account menu */
.acct{position:relative}.acct summary{list-style:none;cursor:pointer}.acct summary::-webkit-details-marker{display:none}
.acct .menu{position:absolute;right:0;top:54px;z-index:50;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:14px 16px;min-width:230px;box-shadow:0 18px 40px rgba(23,20,31,.18);font-weight:600}
.acct .menu small{display:block;color:#57536A;font-weight:400;margin-bottom:10px;word-break:break-all}.acct .menu button{width:100%;height:42px;border-radius:99px;border:2px solid #17141F;background:#fff;font-weight:800;cursor:pointer}
.avt{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background:#17141F;color:var(--hero);font-weight:800;overflow:hidden;line-height:1}.avt img{width:100%;height:100%;object-fit:cover;display:block}.av.pic{padding:0;overflow:hidden}.av.pic img{width:100%;height:100%;object-fit:cover;display:block}
.av{width:44px;height:44px;border-radius:99px;background:#17141F;color:var(--hero);display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.Bh nav a.pill{background:#17141F;color:#fff;border-radius:99px;padding:9px 18px}
.hnav-link.on{border-bottom:3px solid var(--hero);padding-bottom:2px}
/* notices, empty states, form errors */
.bar{margin:0 72px 16px;background:#17141F;color:#fff;border-radius:18px;padding:14px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-weight:600}.bar button{background:none;border:0;color:var(--hero);font-weight:800;cursor:pointer;text-decoration:underline}
.notice{margin:6px 72px 0;background:var(--deck);border-radius:14px;padding:12px 18px;font-size:15px}
.empty{margin:56px 72px;text-align:center;color:#4A465A;font-size:18px}.empty b{display:block;font-family:'Fraunces',serif;font-size:30px;color:#17141F;margin-bottom:8px}
.err{color:#B3261E;font-weight:700;font-size:14.5px;margin:12px 0 0;min-height:20px}.okmsg{background:#E7F7EE;border-radius:14px;padding:14px 18px;font-weight:600;margin-top:16px}
.page-pad{padding:44px 108px}.page-pad h1{font-family:'Fraunces',serif;font-size:48px;letter-spacing:-1.2px;margin:0 0 12px}
.up{position:fixed;right:28px;bottom:28px;z-index:60;height:auto;padding:0;transform:none;display:block;opacity:0;pointer-events:none;transition:opacity .2s}.up.show{opacity:1;pointer-events:auto}
.up a,.up button{width:58px;height:58px;border-radius:99px;background:#17141F;color:var(--hero);display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;box-shadow:0 12px 30px rgba(23,20,31,.3);transform:none}
.more{min-height:60px}.ad.row{margin:14px 48px 0;padding-left:24px;padding-right:24px}
.wb a.mo{cursor:pointer;width:100%;font-family:inherit}
button.fol{cursor:pointer;font-family:inherit;background:#fff}button.fol.on{background:var(--hero)}
.row .sq .fav{z-index:2}
.heroimg{display:block}.card a,.three a{display:block}
.tabs{flex-wrap:wrap}
.mdl{max-height:calc(100vh - 32px);overflow:auto}.scrim{position:fixed;inset:0;z-index:70}.mdl{position:fixed;z-index:71;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);width:min(580px,calc(100vw - 24px))}
.mdl.ok{top:50%}.ra .sub:disabled{opacity:.5;cursor:default}
/* responsive pass: the approved desktop design, reflowed for tablets and phones */
@media(max-width:1100px){
 .Bh{padding:14px 36px}.deck{margin:0 24px}.page-pad{padding:32px 24px}.Bw{padding:0 24px}
 .top,.hw,.mr,.fq,.pnl{padding-left:24px;padding-right:24px}.Bsec{padding:56px 24px 0}.nw,.tabs{margin-left:24px;margin-right:24px}
 .row,.bar,.empty,.Bsea,.Bcr,.cta,.call,.au,.notice,.end{margin-left:24px;margin-right:24px}.ad.row{margin-left:12px;margin-right:12px}.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
 .Bh{flex-wrap:wrap;gap:12px 20px;padding:14px 24px}.Bh nav{margin-left:0;flex-wrap:wrap;gap:14px 20px}.deck{padding:20px 18px 18px}.Bs{height:60px;padding-left:18px}.Bs input{font-size:16px;min-width:0}.Bs button{padding:0 20px}.tl{height:24px!important}
 .row{grid-template-columns:120px 1fr;gap:14px 16px}.row>.sq{width:120px;height:120px}.row>.wb{grid-column:1/-1}.row h3{font-size:20px}.fav{width:36px;height:36px;top:6px;right:6px}.fav svg{width:16px;height:16px}
 .Bhero{grid-template-columns:1fr;padding:28px}.Bhero .sq{justify-self:center;order:-1;max-width:260px}.Bhero h1{font-size:36px}.Bsea{grid-template-columns:1fr;padding:28px}.Bsea h2{font-size:38px}.three{gap:10px}.three .sq{font-size:14px;padding:10px}
 .stp,.ways{grid-template-columns:1fr}.call,.cta{flex-direction:column;align-items:flex-start;padding:32px 28px}.call h2,.cta h2{font-size:32px}.fq{grid-template-columns:1fr}.au{grid-template-columns:1fr}.au .l{min-height:0;padding:32px}.au .r{padding:32px 24px}.au .l h1{font-size:40px}
 .cre{grid-template-columns:64px 1fr}.cre .ph{width:64px;height:64px}.cre .fl{grid-column:1/-1}.nw .three{grid-template-columns:repeat(2,1fr)}.mr h1,.hw h1{font-size:38px}.tabs button{height:54px;padding:0 24px;font-size:18px}.sr{flex-direction:column;align-items:stretch}.allbtn{justify-content:center}
 .Bcr{grid-template-columns:1fr;padding:28px}.g4{gap:14px}.Bsec h2,.sec2{font-size:30px}.sec2{margin-left:24px}.bar{flex-wrap:wrap}.up{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.srt select{border:0;background:transparent;font-weight:700;font-size:15px;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:4px}.srt{cursor:pointer}
.Bh nav a.hl{border-bottom:3px solid transparent;padding-bottom:2px}.Bh nav a.hl.on{border-bottom-color:var(--hero)}
.row>div:nth-child(2) .meta a{font-weight:600}
/* ---- beta notes: search deck */
.Bs input:focus,.Bs input:focus-visible{outline:none}.Bs:focus-within{box-shadow:0 0 0 4px rgba(255,197,61,.65),0 10px 30px rgba(23,20,31,.10)}
.Bs .clrq{width:36px;height:36px;border-radius:99px;border:0;background:#F6F2E6;color:#17141F;font-size:22px;line-height:1;cursor:pointer;margin-right:8px;flex:none}.Bs .clrq:hover{background:#ECE6D2}
.nv button{gap:0}.nv button .x{visibility:hidden;margin-left:8px;font-weight:400}.nv button.on .x{visibility:visible}
.ft .fo .x{visibility:hidden;margin-left:8px}.ft .fo[aria-pressed=true] .x{visibility:visible}
.fw{position:relative;display:inline-flex;align-items:center}.fw select.on{padding-right:44px;background-image:none}.fw .gd.on summary{padding-right:44px}
.xx{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:99px;border:0;background:rgba(255,255,255,.3);color:#fff;font-size:17px;font-weight:800;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.xx:hover{background:rgba(255,255,255,.55)}
.gd summary svg{flex:none}
/* ---- results: thumbnail link, share, toast */
.sq .tlink{position:absolute;inset:0;z-index:1}.sq .tlink:focus-visible{outline-offset:-4px}
button.fol[data-share]{background:#fff}
.toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%);z-index:90;background:#17141F;color:#fff;border-radius:99px;padding:12px 24px;font-weight:700;box-shadow:0 12px 30px rgba(23,20,31,.3)}
.srt select option:disabled{color:#9A9488}
/* ---- report "submitted" state (was missing from the live stylesheet) */
.mdl.ok{text-align:center;padding:44px 40px 36px}.tick{width:72px;height:72px;border-radius:99px;background:var(--hero);color:#17141F;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.sum{display:flex;justify-content:center;gap:14px;align-items:baseline;background:var(--deck);border-radius:14px;padding:12px 18px;font-size:15px;margin:8px 0 0;text-align:left}.sum span{color:#57536A;font-weight:600;flex:none}.sum b{overflow-wrap:anywhere}.mdl.ok .ra{justify-content:center}
/* ---- email sign-up forms */
.wl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px;max-width:520px}.wl input{flex:1;min-width:200px;height:50px;border:2px solid #9A9488;border-radius:99px;padding:0 20px;font-size:16px;background:#fff;color:#17141F}
.wl button{height:50px;padding:0 26px;border:0;border-radius:99px;background:#17141F;color:#fff;font-weight:800;font-size:15px;cursor:pointer}.wl button:disabled{opacity:.6}.wl .msg{flex-basis:100%;margin:2px 0 0;font-weight:700;font-size:14.5px;min-height:20px}
/* ---- footer: marigold band */
.foot{margin-top:72px;background:var(--hero);color:#17141F;padding:48px 108px 28px}.fgrid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.1fr;gap:40px}.fgrid p{margin:0;font-size:15px;line-height:1.5}.fb,.fcol b{display:block;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.fcol a{display:block;font-weight:600;padding:5px 0}.fcol a:hover{text-decoration:underline}.foot .wl{margin-top:14px}.foot .wl input{border-color:#17141F}.foot .wl .msg{color:#17141F}
.soc{display:flex;gap:14px;margin-bottom:16px}.soc a{width:40px;height:40px;border-radius:99px;background:#17141F;color:var(--hero);display:inline-flex;align-items:center;justify-content:center}.soc a:hover{background:#34303F}
.rg{display:block;font-size:13px;font-weight:700}.rg select{display:block;margin-top:6px;height:38px;border-radius:99px;border:1.5px solid #17141F;background:transparent;padding:0 14px;font-weight:600;font-size:14px;color:#17141F;max-width:100%}
.copy{margin-top:34px;padding-top:18px;border-top:1.5px solid rgba(23,20,31,.25);font-size:14px;font-weight:600}
@media(max-width:1100px){.foot{padding:40px 24px 24px}.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.fgrid{grid-template-columns:1fr}.toast{width:calc(100vw - 32px);text-align:center}}
.Bcr .sq{color:#17141F}.Bcr .three .sq{font-size:16px}
.foot .wl{flex-wrap:nowrap;gap:8px}.foot .wl input{min-width:0;height:46px;padding:0 16px}.foot .wl button{height:46px;padding:0 20px;flex:none}.foot .wl .msg{flex-basis:auto;position:absolute;margin-top:56px}.foot .f1{position:relative;padding-bottom:26px}
/* ---- round 3: stable pill widths, plain x icons, hero layout + fade */
.Bs .clrq{width:30px;height:42px;border-radius:99px;border:0;background:#F6F2E6;color:#17141F;display:flex;align-items:center;justify-content:center;padding:0;margin-right:8px;flex:none;font-size:0}
.Bs .clrq:hover{background:#ECE6D2}.Bs .clrq.hidden{display:none}
/* subject + Free-only pills: same width selected or not; text sits centred, then slides left to make room for the x */
.nv button,.ft .fo{position:relative;padding:0 28px;gap:0}
.nv button .x,.ft .fo .x{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:none;visibility:visible;margin:0;line-height:0}
.nv button.on,.ft .fo[aria-pressed=true]{padding:0 39px 0 17px}.nv button.on .x,.ft .fo[aria-pressed=true] .x{display:flex}
/* filter pills: the x takes the chevron's place (same spot), so nothing moves or resizes */
.ft select{padding:0 42px 0 17px;background-position:right 16px center}.fw select.on{padding-right:42px;background-image:none}
.xx{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:none;color:#fff;display:flex;align-items:center;justify-content:center;padding:0;border-radius:99px;cursor:pointer;font-size:0}
.xx:hover{background:none;opacity:.7}.xx:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.gd summary{position:relative;padding:0 42px 0 17px}.gd .cv{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex}.gd.on .cv{visibility:hidden}
/* hero: fixed controls, vertically-centred text, cross-fade */
.Bhero .hl{height:400px;display:flex;flex-direction:column;min-width:0}
.hl .hmid{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:6px 0}
.hl h1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 10px}
.hl p.bl{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0;max-width:560px}   /* fits a 200-character Featured blurb */
@media (max-width:600px){.hl p.bl{-webkit-line-clamp:6}}
.hl .hfoot{display:flex;flex-direction:column;gap:14px}.hl .hchips{margin:0;min-height:34px;display:flex;flex-wrap:wrap;gap:8px 0}.hl .hrow{display:flex;align-items:center;gap:20px}.hl .hrow .slots{margin:0}
.Bhero .hcov{justify-self:end;width:100%;max-width:360px}.Bhero .hcov .sq{max-width:none;width:100%}
.hfade{transition:opacity .3s ease}.swap .hfade{opacity:0}
.hl .chip[hidden]{display:none}
@media(max-width:860px){.Bhero .hl{height:auto}.Bhero .hcov{justify-self:center;order:-1;max-width:260px}.hl .hmid{padding:14px 0}.hl .hrow{flex-wrap:wrap}}
/* specificity fix: the x inside a filter pill must beat the generic ".ft button" pill style (no white circle) */
.ft .xx{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;min-width:0;padding:0;border:0;background:none;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:99px}
.ft .xx:hover{background:none;opacity:.7}
.ft .gd summary{min-width:150px}
/* ---- round 4 */
.nv button .px{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:none;line-height:0;color:#fff}.nv button.on .px{display:flex}
.hl .chip{display:inline-flex;align-items:center;height:34px;padding:0 14px;line-height:1;margin:0 8px 0 0;box-sizing:border-box}
.hl h1{line-height:1.1;padding-bottom:.14em;margin:10px 0 16px}
.slots .dot{width:10px;height:10px;min-width:0;padding:0;margin:0;border:0;border-radius:99px;background:currentColor;opacity:.4;cursor:pointer;position:relative;transition:width .2s,opacity .2s}
.slots .dot::after{content:"";position:absolute;inset:-12px -3px}.slots .dot.on{width:34px;opacity:1}.slots .dot:focus-visible{outline:2px solid currentColor;outline-offset:3px}
/* filter row: fixed pill widths so all five filters + "Clear filters" fit on one line at laptop widths (wraps naturally on narrower screens) */
.ft{gap:8px 10px}.ft select{width:150px;text-overflow:ellipsis}
.ft select[data-filter=type]{width:160px}.ft select[data-filter=marketplace],.ft select[data-filter=available]{width:144px}.ft select[data-filter=price]{width:140px}
.ft .gd summary{min-width:150px;max-width:210px}.ft .gd summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ft .clr{margin-left:2px;padding:6px 4px;white-space:nowrap}
.ft select{width:142px}.ft select[data-filter=type]{width:152px}.ft select[data-filter=marketplace],.ft select[data-filter=available]{width:140px}.ft select[data-filter=price]{width:136px}.ft .gd summary{min-width:130px;max-width:170px}
.ft{gap:8px}.ft select,.fw select.on{padding-right:38px}.ft select[data-filter=marketplace]{width:150px}.ft .gd summary{padding-right:38px}
/* ---- footer disclaimer + legal pages */
.fgrid{grid-template-columns:1.5fr 1.6fr 1.1fr}.fmr{display:grid;grid-template-columns:1fr 1fr;gap:40px}.fmid .fdisc{margin:18px 0 0;max-width:520px}
@media(max-width:1100px){.fgrid{grid-template-columns:1fr 1fr}.fmid{grid-column:1/-1}}@media(max-width:560px){.fgrid{grid-template-columns:1fr}.fmr{grid-template-columns:1fr 1fr;gap:20px}}
.legal{max-width:780px}.legal h1{font-family:'Fraunces',serif;font-size:44px;letter-spacing:-1px;line-height:1.1;margin:0 0 10px}.legal h2{font-family:'Fraunces',serif;font-size:26px;letter-spacing:-.4px;margin:42px 0 10px}.legal h3{font-size:18px;margin:26px 0 4px}
.legal p,.legal li{font-size:17px;line-height:1.65;margin:0 0 14px}.legal li{margin-bottom:6px}.legal ul{padding-left:24px;margin:0 0 16px}.legal a{text-decoration:underline}
/* ---- contact form */
.cf{max-width:620px;margin-top:26px}.cf label{display:block;font-weight:800;font-size:15px;margin:18px 0 7px}.cf input,.cf textarea{width:100%;box-sizing:border-box;border:2px solid #9A9488;border-radius:14px;padding:14px 18px;font-size:17px;color:#17141F;background:#fff;font-family:inherit}.cf input{height:54px;padding-top:0;padding-bottom:0}.cf textarea{resize:vertical;min-height:150px}
.cf .go{margin-top:22px;height:56px;padding:0 34px;border:0;border-radius:99px;background:#17141F;color:#fff;font-weight:800;font-size:17px;cursor:pointer}.cf .go:disabled{opacity:.6}.cf .msg{margin:12px 0 0;font-weight:700;color:#B3261E;min-height:20px}.cf .hp{position:absolute;left:-9999px;height:0;overflow:hidden}

.call .calr{max-width:360px}.call .abtn{display:inline-block;margin-top:20px;background:var(--hero);color:#17141F;font-weight:800;border-radius:99px;padding:14px 28px;font-size:16px}.call .abtn:hover{background:#fff}
@media(max-width:860px){.call .calr{max-width:none}}

/* ---- spotlight follow button, account page */
.Bcr .btnrow{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.Bcr .fbtn{height:48px;padding:0 24px;border-radius:99px;border:2px solid #fff;background:transparent;color:#fff;font-weight:800;font-size:16px;cursor:pointer;font-family:inherit}.Bcr .fbtn:hover{background:rgba(255,255,255,.14)}.Bcr .fbtn.on{background:#fff;color:#17141F}
.cf .msg.okm{color:#0C4A2B}
.mrwrap .mr{padding-top:34px}

.row h3 .tsub{font-weight:600;color:#57536A}
/* things added to the page outside the main app container (pop-ups, toasts) should use the site font too */
body{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif}

/* region choice on the sign-up forms */
.wl .wlreg{flex:1 1 100%;margin-top:8px;height:40px;border-radius:99px;border:1.5px solid var(--line,#E8D9A8);background:#fff;padding:0 14px;font:inherit;font-size:14px;color:#17141F}
/* footer sign-up: email box and button on one row, the region choice under them */
.foot .wl{flex-wrap:wrap}.foot .wl input{flex:1 1 150px}.foot .wl .wlreg{flex:1 1 100%;order:3;margin-top:0;height:42px;border-color:#17141F}.foot .wl .msg{order:4;position:static;flex-basis:100%;margin:0}

/* ---- v0.11.4 mobile fixes
   Equal-width thumbnail columns: minmax(0,1fr) stops long titles from stretching one column, and every tile fills its column. */
.three,.g4,.nw .three{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
.g4{--cols:4}.nw .three{--cols:4}
.three>*,.g4>*{min-width:0}
.three .sq,.g4 .sq{width:100%}
@media(max-width:1100px){.g4,.nw .three{--cols:2}}
@media(max-width:860px){
  .g4,.nw .three{--cols:2}
  /* Featured resource: one centred cover, same width as its box on every phone */
  .Bhero .hcov{justify-self:center;order:-1;width:100%;max-width:260px;margin:0 auto}
  .Bhero .hcov .sq,.Bhero .sq{width:100%;max-width:none;justify-self:stretch;margin:0}
}
@media(max-width:700px){
  /* Search results: thumbnail on top, title and description underneath, one column */
  .row{grid-template-columns:minmax(0,1fr);gap:14px}
  .row>.sq{width:100%;max-width:340px;height:auto;aspect-ratio:1}
  .row>div:nth-child(2){grid-column:auto}
}
.sq{box-sizing:border-box}
/* v0.11.8 creators pricing */
.curbar{margin:0 72px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cur{display:inline-flex;gap:8px;flex-wrap:wrap}.cb{height:44px;padding:0 20px;border-radius:99px;border:2px solid #17141F;font-weight:800;font-size:15px;cursor:pointer;background:#fff;color:#17141F;font-family:inherit}.cb[aria-pressed=true]{background:#17141F;color:#fff}.curnote{font-size:14px;color:#57536A}
.pnotice{margin:0 72px 18px;background:#FFF3D1;border-radius:16px;padding:14px 20px;font-weight:700}
.pt{margin:0 72px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);border:2px solid #E8D9A8;border-radius:28px;overflow:hidden;background:#fff}
.plan{display:contents}.plan .pc{grid-column:var(--c)}.pt>.pl{grid-column:1}
.r1{grid-row:1}.r2{grid-row:2}.r3{grid-row:3}.r4{grid-row:4}.r5{grid-row:5}.r6{grid-row:6}
.pt>.pl{border-top:1.5px solid #E8D9A8;background:#FFF3D1;font-weight:800;padding:18px 22px;display:flex;flex-direction:column;justify-content:center}.pt>.pl small{font-weight:400;font-size:13px;color:#57536A;margin-top:3px}
.pt::before{content:"";grid-column:1;grid-row:1;background:#FFF3D1}
.pc{padding:18px 22px;border-top:1.5px solid #E8D9A8;font-size:16px;line-height:1.4;display:flex;flex-direction:column;justify-content:center}.pc.pv{font-weight:700}
.pc.ph{border-top:0;background:#FFF3D1;padding:24px 22px}.ph h3{font-family:'Fraunces',serif;font-size:26px;margin:0 0 6px;letter-spacing:-.5px}.ph small{font-size:13px;color:#57536A;margin-top:4px}
.pp{font-family:'Fraunces',serif;font-weight:700;font-size:40px;line-height:1;letter-spacing:-1px}.pp .u{font-family:inherit;font-size:15px;font-weight:700;letter-spacing:0;margin-left:4px;color:#57536A}
.pc.pb{padding:18px 22px 24px}.pbtn{display:block;text-align:center;background:#17141F;color:#fff;font-weight:800;border-radius:99px;padding:13px 16px;font-size:15px;text-decoration:none}.pbtn.o{background:#fff;color:#17141F;border:2px solid #17141F;padding:11px 16px}.pbtn.soon{background:#EFEBDD;color:#57536A}
.pn3{margin:24px 72px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pnote{border:2px solid #E8D9A8;border-radius:28px;padding:26px}.pnote h3{font-family:'Fraunces',serif;font-size:24px;line-height:1.1;margin:4px 0 10px;letter-spacing:-.4px}.pnote p{margin:0;font-size:16px;line-height:1.55;color:#37334A}.pnote.fnd{background:#FFC53D;border-color:#FFC53D}.pnote.fnd p{color:#3A3320}
.tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#17141F;color:#fff;border-radius:6px;padding:2px 8px;margin-bottom:10px}
.pt2{margin:0 72px;border:2px solid #E8D9A8;border-radius:28px;overflow:hidden;background:#fff}.pt2 .r2{grid-row:auto;display:grid;grid-template-columns:1.1fr 2fr .8fr .7fr;gap:24px;padding:20px 28px;border-top:1.5px solid #E8D9A8;align-items:center;font-size:16px;line-height:1.45}.pt2 .r2.hd{border-top:0;background:#FFF3D1;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.pt2 b{font-size:18px}.pt2 .pr{text-align:right;font-family:'Fraunces',serif;font-weight:700;font-size:30px;letter-spacing:-.6px}.intro{display:inline-block;margin-left:10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#FFC53D;border-radius:6px;padding:2px 8px}
.bk3{margin:24px 72px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bs{background:#FFF3D1;border-radius:28px;padding:26px}.bs .bn{width:44px;height:44px;border-radius:99px;background:#FFC53D;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:700;font-size:22px}.bs h3{font-family:'Fraunces',serif;font-size:24px;margin:14px 0 8px;letter-spacing:-.4px}.bs p{margin:0;font-size:16px;line-height:1.55;color:#37334A}
.rf{margin:24px 72px 0;border:2px solid #E8D9A8;border-radius:28px;padding:24px 28px}.rf h3{font-family:'Fraunces',serif;font-size:24px;margin:0 0 8px;letter-spacing:-.4px}.rfr{display:flex;justify-content:space-between;gap:24px;padding:13px 0;border-top:1.5px solid #E8D9A8;font-size:16px}.rfr:first-of-type{border-top:0}.rfr span{font-weight:800;white-space:nowrap}
.fq dl{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:26px 40px;align-items:baseline;margin:0}.fq dt{margin:0!important;font-size:18px;line-height:1.35}.fq dd{margin:0!important}
.sec2s{margin:0 72px 22px;font-size:16px;color:#57536A}
@media(max-width:1000px){.pn3,.bk3{grid-template-columns:1fr}.pt2 .r2{grid-template-columns:1fr 1fr;gap:6px 16px}.pt2 .r2.hd{display:none}.pt2 .r2>div:nth-child(2){grid-column:1/-1;order:3;color:#37334A}.pt2 .pr{font-size:26px}.fq dl{grid-template-columns:1fr;gap:6px}.fq dd{margin-bottom:16px!important}}
@media(max-width:860px){.curbar,.pt,.pn3,.pt2,.bk3,.rf,.pnotice,.sec2s{margin-left:24px;margin-right:24px}.pt{display:grid;grid-template-columns:1fr 1fr;gap:0;border:0;border-radius:0;overflow:visible;background:none;gap:14px}.pt::before,.pt>.pl{display:none}.plan{display:block;border:2px solid #E8D9A8;border-radius:24px;overflow:hidden;background:#fff}.plan .pc{padding:12px 16px}.plan .pc.ph{padding:18px 16px}.plan .pc.pv::before{content:attr(data-l);display:block;font-size:12px;font-weight:600;color:#57536A}.pp{font-size:34px}.rf .rfr{flex-direction:column;gap:2px}.rfr span{white-space:normal}}
@media(max-width:560px){.pt{grid-template-columns:1fr}}
/* v0.11.9 */
.cur .cb{height:30px;padding:0 12px;font-size:12.5px;border-width:1.5px;font-weight:700}.curbar{gap:10px;margin-bottom:16px}.curbar .eye{font-size:11px}
@media(max-width:1000px){.pt2 .r2{grid-template-columns:1fr auto;gap:4px 16px;align-items:start}.pt2 .r2>div:nth-child(1){grid-column:1;grid-row:1}.pt2 .r2>.pr{grid-column:2;grid-row:1;text-align:right;align-self:start}.pt2 .r2>div:nth-child(2){grid-column:1/-1;grid-row:2;order:0}.pt2 .r2>div:nth-child(3){grid-column:1/-1;grid-row:3;font-size:14px;color:#57536A;font-weight:700}.intro{margin-left:0;display:inline-block;margin-top:6px}}
.srt select{color:#17141F;font-family:inherit;-webkit-text-fill-color:#17141F;opacity:1}
@media(max-width:700px){.top{flex-wrap:wrap;gap:10px 12px;align-items:center}.top>span:last-child{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.srt{margin-left:0;height:38px}}
@media(max-width:860px){.sr .Bs{height:60px;min-height:60px;padding-left:18px}}
.g4 h3 .tsub,.three h3 .tsub{font-weight:500;color:#57536A}
/* phones: keep the account menu on screen (the avatar can wrap onto a second row of the header) */
@media(max-width:860px){.Bh{position:relative}.acct{position:static}.acct .menu{right:24px;left:auto;top:calc(100% - 6px);min-width:0;width:min(260px,calc(100vw - 48px))}}
/* hearts on home tiles, creator name and Buy links on the Following tiles */
.tw{position:relative}.tw .fav.sm{top:8px;right:8px;width:36px;height:36px}.tw .fav.sm svg{width:16px;height:16px}
.sq .fav.sm{top:10px;right:10px;width:38px;height:38px}.sq .fav.sm svg{width:17px;height:17px}
.tby{font-size:14px;color:#57536A;margin:4px 0 0}.tby a,.three .tby a{display:inline;text-decoration:underline;color:inherit}
.tbuy{display:flex;flex-direction:column;gap:6px;margin:10px 0 0}.tbuy a{display:block;border:1.5px solid #17141F;border-radius:99px;padding:6px 12px;font-size:13.5px;font-weight:700;color:#17141F;text-decoration:none;text-align:center;line-height:1.25}.tbuy a:hover{background:#17141F;color:#fff}.tbuy b{font-weight:800}
/* Following page tiles: a marigold box round each resource (like the results "where to buy" box), Buy buttons lined up at the bottom */
.fol3{align-items:stretch}
.ftile{display:flex;flex-direction:column;border:2px solid var(--line);border-radius:18px;padding:12px;box-sizing:border-box;min-width:0}
.ftile .fav.sm{top:20px;right:20px}
/* each tile shares its row's lines (picture, title and "by", buttons), so the Buy buttons start at the same height across a row */
@supports (grid-template-rows:subgrid){.ftile{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start}.ftile .tbuy{align-self:start}}
@media(max-width:560px){.ftile{padding:8px;border-radius:14px}.ftile .fav.sm{top:14px;right:14px}.ftile .tbuy a{padding:6px 8px}}

/* Home page announcement (Admin > Home page): same box as Raven Recommends, brand colours (coral default; marigold left out so it doesn't repeat the panel above) */
.Bsea.ann{grid-template-columns:1.1fr 1fr;gap:40px}.Bsea.ann.solo{grid-template-columns:auto minmax(0,max-content);gap:36px;justify-content:center}   /* no picture: the raven and text sit together in the middle, so a short headline doesn't leave a gap on the right */
.ann .annp{display:inline-block;background:#17141F;color:#fff;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:6px 12px}
.ann h2{margin-top:14px}.ann p{max-width:560px}.ann .annf{font-size:13px;color:#57536A;margin:12px 0 0}
.ann .anni{border-radius:24px;overflow:hidden;background:#fff;aspect-ratio:16/10;box-shadow:0 10px 30px rgba(23,20,31,.12)}.ann .anni img{width:100%;height:100%;object-fit:cover;display:block}
.ann .annr{height:120px;width:auto;display:block}
.ann.c-coral{background:#FF8A5B}.ann.c-cream{background:#FFF3D1}.ann.c-mint{background:#C9F2DC}.ann.c-rose{background:#FFD3DC}.ann.c-lilac{background:#E4DEFF}
.ann.c-ink{background:#17141F;color:#fff}.ann.c-ink .annp{background:#FFC53D;color:#17141F}.ann.c-ink .btn2{background:#FFC53D;color:#17141F}.ann.c-ink .annf{color:#C9C4D6}.ann.c-ink .annr{filter:invert(1)}
@media(max-width:700px){.Bsea.ann,.Bsea.ann.solo{grid-template-columns:1fr;gap:22px}.ann .annr{height:80px}}
/* 0.11.99: the Sort by menu fills its whole pill and the arrow is drawn on top of it (clicks pass through), so clicking the arrow opens the
   menu instead of only focusing it; the focus ring goes round the pill, and only for keyboard users */
.srt{position:relative;padding:0}
.srt select{height:100%;padding:0 38px 0 16px;border-radius:99px}
.srt svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}
.srt select:focus,.srt select:focus-visible{outline:none}
.srt:has(select:focus-visible){outline:3px solid #17141F;outline-offset:2px}

/* 0.12.7: the Featured slide picture is a link (an overlay, so the heart button inside it still works) */
.sq .sqlink{position:absolute;inset:0;z-index:1;border-radius:inherit}.sq .sqlink:focus-visible{outline:3px solid #17141F;outline-offset:2px}.sq:has(.sqlink) .fav{z-index:2}

/* 0.12.8: the staging site shows this bar on every page */
.stgbar{position:sticky;top:0;z-index:999;background:#7B2CBF;color:#fff;text-align:center;font:700 14px/1.3 system-ui,sans-serif;padding:8px 16px}
[data-pkt][hidden],[data-pknone][hidden]{display:none!important}
/* cookie choice bar for the Meta Pixel (0.12.17; only shown when META_PIXEL_ID is set). Allow and No thanks are the same size on purpose. */
.ckbar{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:760px;margin:0 auto;background:#17141F;color:#fff;border-radius:20px;padding:14px 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;box-shadow:0 10px 30px rgba(23,20,31,.25)}
.ckbar p{margin:0;flex:1 1 320px;font-size:14px;line-height:1.5}.ckbar a{color:#FFC53D;text-decoration:underline}
.ckbar div{display:flex;gap:10px;flex:0 0 auto}.ckbar button{font:inherit;font-weight:800;font-size:14px;min-width:116px;height:42px;border-radius:99px;cursor:pointer;padding:0 18px}
.ckbar .ckyes{background:#FFC53D;color:#17141F;border:2px solid #FFC53D}.ckbar .ckno{background:transparent;color:#fff;border:2px solid #fff}
@media (max-width:520px){.ckbar div{flex:1 1 100%}.ckbar button{flex:1}}
/* Sale tag on buy buttons and in Bulk changes (0.12.23) */
em.sale{display:inline-block;background:#FF8A5B;color:#17141F;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1;border-radius:99px;padding:4px 7px 3px;margin-right:6px;vertical-align:2px;white-space:nowrap}
.tbuy em.sale{margin:0 0 0 2px}
/* My Resources tabs + Purchases (0.12.50) */
.mrtabs{display:inline-flex;gap:6px;padding:6px;border-radius:99px;background:#FFF3D1;border:1.5px solid #E8D9A8;margin:18px 0 0}
.mrtabs a{height:44px;padding:0 22px;border-radius:99px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:#17141F}
.mrtabs a span{font-weight:600;color:#57536A}.mrtabs a.on{background:#17141F;color:#fff}.mrtabs a.on span{color:#FFC53D}
.mrtabs a:focus-visible{outline:3px solid #17141F;outline-offset:2px}
.pz{padding:0 72px}.pz .pzh{padding-left:0;padding-right:0}
.pso{margin-top:28px;background:#FFF3D1;border-radius:28px;padding:32px;max-width:640px}.pso h2,.pempty.big h3{font-family:'Fraunces',serif;font-size:30px;letter-spacing:-.5px;margin:0 0 10px}.pso p,.pempty.big p{margin:0 0 16px;font-size:16px;line-height:1.5;color:#3A3320}
.pbtns{display:flex;flex-wrap:wrap;gap:8px}.pso .go,.pempty .go{display:inline-flex;align-items:center;height:48px;padding:0 24px;border-radius:99px;width:auto;text-decoration:none}.pso .go.ghost{background:#fff;color:#17141F;border:2px solid #17141F;box-sizing:border-box}
.dyb{margin-top:30px;background:#FFF3D1;border-radius:32px;padding:30px 36px 26px}
.dybh{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px}.dybh h2,.plh h2{font-family:'Fraunces',serif;font-size:32px;letter-spacing:-.5px;margin:0}.dybh p{margin:0;font-size:16px;color:#3A3320}
.dybrow{position:relative;margin-top:22px}
.dybs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
.dybs::-webkit-scrollbar{display:none}
.pcard{scroll-snap-align:start;background:#fff;border:1.5px solid #E8D9A8;border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pimgw,.pthw{position:relative}.pimg{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block;background:#FFF0C2}
.ftag{position:absolute;left:8px;top:8px;background:#C9F2DC;color:#17141F;border:1.5px solid #17141F;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:800;letter-spacing:.6px}.ftag.sm{left:6px;top:6px;padding:2px 8px;font-size:11px}
.ptitle{font-weight:700;font-size:15px;line-height:1.3}.ptitle:hover,.ptl:hover{text-decoration:underline}.pby{font-size:13px;color:#57536A}
.pbot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:2px}.pqn{font-size:13px;font-weight:700}
.ppills{display:flex;flex-wrap:wrap;gap:8px}
.ppill{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border-radius:99px;border:1.5px solid #E8D9A8;background:#fff;font-weight:600;font-size:14px;cursor:pointer}
.ppill input{width:16px;height:16px;accent-color:#17141F;margin:0}.ppill.on{border-color:#17141F;background:#FFC53D;font-weight:700}.ppill:focus-within{outline:3px solid #17141F;outline-offset:2px}
.padded{font-size:13px;font-weight:700;color:#2E7D4F;display:flex;align-items:center;gap:6px}
.pno{align-self:flex-start;border:0;background:none;padding:4px 0;font:inherit;font-size:13px;font-weight:600;color:#57536A;text-decoration:underline;cursor:pointer}
.parr{position:absolute;top:34%;z-index:2;width:52px;height:52px;border-radius:99px;border:2px solid #17141F;background:#fff;color:#17141F;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(23,20,31,.16);cursor:pointer}
.parr.l{left:-26px}.parr.r{right:-26px}.parr.off{opacity:0;pointer-events:none}
.dybft{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:16px;font-size:14px;color:#3A3320}
.pdots{display:inline-flex;gap:6px;align-items:center}.pdots i{width:8px;height:8px;border-radius:99px;background:#E8D9A8}.pdots i.on{width:22px;background:#17141F}
.plist{margin-top:44px}.plh{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.psrch{margin-left:auto;display:flex;align-items:center;height:52px;width:min(100%,460px);border-radius:99px;border:2px solid #17141F;padding:0 6px 0 20px;box-sizing:border-box;background:#fff}
.psrch input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:16px;background:transparent}.psrch button{height:40px;padding:0 20px;border:0;border-radius:99px;background:#17141F;color:#fff;font-weight:800;font-size:14px;cursor:pointer}
.pmeta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-bottom:12px;border-bottom:1.5px solid #E8D9A8;font-size:15px;color:#57536A}.pmeta b{color:#17141F}
.psel{display:inline-flex;flex-wrap:wrap;gap:10px}.psel label{display:inline-flex;align-items:center;gap:10px}.psel select{height:42px;border-radius:99px;border:1.5px solid #E8D9A8;padding:0 14px;font:inherit;font-weight:700;color:#17141F;background:#fff}
.prow{display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:22px 0;border-bottom:1.5px solid #E8D9A8}
.pth{width:112px;height:112px;object-fit:cover;border-radius:14px;display:block;background:#FFF0C2}.pnoimg{display:block}
.pmid{flex:999 1 380px;min-width:0}.ptl{font-weight:700;font-size:20px}.pmt{font-size:14px;color:#57536A;margin-top:6px}.pmt a{text-decoration:underline}
.pgot{font-size:14px;margin-top:8px;display:flex;align-items:center;gap:6px}
.pact{flex:1 1 200px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.pact .pbtns{justify-content:flex-end}
.pbtn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:99px;background:#17141F;color:#fff;font-weight:800;font-size:15px;box-sizing:border-box}.pbtn.sec{background:#fff;color:#17141F;border:2px solid #17141F;padding:0 18px}
.pempty{padding:22px 0;color:#57536A}.pempty.big{border:2px dashed #E8D9A8;border-radius:28px;padding:32px;margin-top:22px;max-width:640px}
.pfoot{margin:22px 0 0;font-size:14px;color:#57536A}
.pact .pno{align-self:flex-end}.pbot .padded,.pbot .pno{min-height:34px;box-sizing:border-box;display:flex;align-items:center}.ptitle .tsub,.ptl .tsub{color:#57536A;font-weight:600}
@media(max-width:1100px){.pz{padding:0 24px}.dybs{grid-auto-columns:calc((100% - 36px)/3)}}
@media(max-width:860px){.dybs{grid-auto-columns:calc((100% - 18px)/2)}.dyb{padding:22px 18px 20px;border-radius:24px}}
@media(max-width:700px){.parr{display:none}.dybs{grid-auto-columns:220px;gap:12px}.pz{padding:0 16px}.mrtabs{display:grid;grid-template-columns:1fr 1fr}.mrtabs a{justify-content:center;padding:0 10px;font-size:15px}.psrch{margin-left:0;width:100%}.pact{align-items:flex-start;flex-basis:100%;padding-left:98px}.pact .pno{align-self:flex-start}.pmid{flex:1 1 200px}.pact .pbtns{justify-content:flex-start}.prow{align-items:flex-start;gap:14px}.pth{width:84px;height:84px}.ptl{font-size:17px}.dybh h2,.plh h2{font-size:26px}.ppill{min-height:44px}}
/* Creator landing page /creators and the Get listed free quick start (0.12.52) */
.clp{padding:0 72px}.eyebrow{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#3A3320}
.clph{margin-top:18px;background:var(--hero);border-radius:32px;padding:52px 56px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:center}
.clph h1{font-family:'Fraunces',serif;font-size:58px;line-height:1.02;letter-spacing:-1.6px;margin:0}.clph .lead{font-size:20px;line-height:1.5;margin:18px 0 0;max-width:640px;color:#17141F}
.clpb,.glb{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;align-items:center}.clpb .go,.glb .go,.clpb .ghost,.glb .ghost{margin:0;height:54px;min-height:54px;box-sizing:border-box}
.glfound{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 2px;font-size:15px}.glfound b{font-weight:800}.glfound button{border:0;background:none;padding:6px 0;font:inherit;font-size:14px;font-weight:700;text-decoration:underline;color:#57536A;cursor:pointer}
.clp .go,.gl .go{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:99px;background:#17141F;color:#fff;font-weight:800;font-size:17px;width:auto;border:0;cursor:pointer;text-decoration:none}
.clp .ghost,.gl .ghost{display:inline-flex;align-items:center;min-height:54px;padding:0 26px;border-radius:99px;border:2px solid #17141F;font-weight:800;font-size:16px;box-sizing:border-box;color:#17141F}
.clpk{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-weight:700}.clpk li{display:inline-flex;align-items:center;gap:8px}
.clpr{width:100%;max-width:220px;height:auto;justify-self:center;transform:scaleX(-1)}   /* the raven always faces the content (Megan) */
.clpf{margin-top:24px;background:#C9F2DC;border-radius:28px;padding:28px 32px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 28px;align-items:center}
.clpf .tag{background:#17141F;color:#fff;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:800;white-space:nowrap}.clpf h2{font-family:'Fraunces',serif;font-size:28px;margin:0 0 6px;letter-spacing:-.4px}.clpf p{margin:0;font-size:16px;line-height:1.5}
.clps{font-family:'Fraunces',serif;font-size:36px;letter-spacing:-.8px;margin:56px 0 18px}
.clpq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.clpq figure,.gla figure{margin:0;background:#FFF3D1;border-radius:24px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.clpq blockquote,.gla blockquote{margin:0;font-size:17px;line-height:1.5}.clpq figcaption,.gla figcaption{font-weight:800;font-size:14px}.clpq figcaption::before,.gla figcaption::before{content:'\2014\00a0'}
.clpst{padding:0;margin:0}
.clp2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px}.clp2>div{border:1.5px solid #E8D9A8;border-radius:24px;padding:26px}.clp2 h3{font-family:'Fraunces',serif;font-size:24px;margin:0 0 8px}.clp2 p{margin:0;line-height:1.55}.clp2 a{font-weight:800;text-decoration:underline}
.gl{padding:24px 72px 0;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
.glc{background:#fff;border:1.5px solid #E8D9A8;border-radius:32px;padding:40px 44px;max-width:620px}.glc h1{font-family:'Fraunces',serif;font-size:48px;letter-spacing:-1.2px;margin:0;line-height:1.05}.glc .lead{font-size:18px;line-height:1.5;margin:12px 0 20px}
.glc label{display:block;font-weight:800;margin:16px 0 6px}.glc label .sm{font-weight:500;color:#57536A}.glc input,.glc select{width:100%;box-sizing:border-box;height:52px;border-radius:14px;border:2px solid #9A9488;padding:0 14px;font:inherit;font-size:16px;background:#fff}
.glc .pw{position:relative}.glc .pw input{padding-right:76px}.glc .pw button{position:absolute;right:8px;top:8px;height:36px;border:0;background:#FFF3D1;border-radius:99px;padding:0 14px;font-weight:800;cursor:pointer}
.glc .hint{margin:6px 0 0;font-size:14px;color:#57536A}.glst{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;margin-top:12px}.glst label{margin:0}.glst #gl-other{grid-column:1/-1}
.glc .go{margin-top:24px;width:100%}.glc .err{color:#B3261E;font-weight:700;margin:12px 0 0}.glc .err a{text-decoration:underline}.glc .fine{font-size:14px;color:#57536A;margin:14px 0 0}.glc .fine a{text-decoration:underline;color:#17141F}
.glc.done{max-width:720px;grid-column:1/-1}.glc.done .glr{height:64px;width:auto;display:block;margin-bottom:12px}.glc.done .go{width:auto;margin-top:0}
.gla{background:#FFF3D1;border-radius:32px;padding:32px}.gla h2{font-family:'Fraunces',serif;font-size:26px;margin:0 0 12px}.gla ol{margin:0 0 22px;padding-left:20px;line-height:1.55}.gla li{margin:0 0 10px}.gla figure{background:#fff}
@media(max-width:1100px){.clp{padding:0 24px}.gl{padding:24px 24px 0;grid-template-columns:1fr}.clpq{grid-template-columns:repeat(2,minmax(0,1fr))}.clph{grid-template-columns:1fr}.clpr{display:none}.glc{max-width:none}}
@media(max-width:700px){.clp{padding:0 16px}.gl{padding:16px 16px 0}.clph{padding:32px 24px;border-radius:24px}.clph h1{font-size:38px}.clph .lead{font-size:17px}.clpf{grid-template-columns:1fr;padding:24px}.clpq,.clp2{grid-template-columns:1fr}.clps{font-size:28px;margin-top:40px}.glc{padding:28px 22px;border-radius:24px}.glc h1{font-size:36px}.clp .go,.clp .ghost,.gl .go,.gl .ghost{width:100%}}
.glst[hidden],.glfound[hidden]{display:none!important}