/* The CV check and its result page (web build slice 4). Ported from the page <style> of design/mockups/web-final/tool-cv-check.html.
   Loads after daylight.css and tools-dl.css. */
.thero{background:var(--lav);padding:56px 0 0;border-bottom:1.5px solid var(--rule)}
.thero .grid{display:grid;grid-template-columns:8fr 4fr;gap:40px;align-items:end}
.thero .tabs{margin-top:34px;position:relative;top:1.5px;background:var(--base)}
.pane[hidden],.st[hidden]{display:none}
.drop{border:2.5px dashed var(--ink);background:var(--canvas);padding:40px 24px;text-align:center;display:grid;gap:12px;justify-items:center;cursor:pointer}
.drop b{font:800 2rem var(--f-d);font-stretch:66%;text-transform:uppercase}
.drop.mini{padding:12px 16px;margin-top:10px;gap:4px}.drop.mini b{font-size:1rem;font-stretch:100%}
.drop.has{border-style:solid;background:var(--lime)}
.drop.has b{color:#111827}
.steps-inline{list-style:none;display:grid;gap:8px;margin:0 0 24px;padding:0}
.steps-inline li{display:flex;gap:12px;align-items:center;font-weight:600}
.steps-inline li span{display:inline-grid;place-items:center;width:28px;height:28px;border:1.5px solid var(--ink);font:700 .8rem var(--f-m)}
.steps-inline li[data-state=run] span{background:var(--lime)}
.steps-inline li[data-state=done] span{background:var(--ink);color:var(--canvas)}
.steps-inline li[data-state=skip]{display:none}
.rules ul{margin:0 0 10px 1.2em}
.rules li{margin:4px 0}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.three .n{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--canvas);font:800 1.1rem var(--f-d);margin-bottom:8px}
.faq{display:grid;gap:0;max-width:900px;border:1.5px solid #2A3444;background:#FBFAF6}
.faq details{border-bottom:1px solid rgba(42,52,68,.28)}.faq details:last-child{border:0}
.faq summary{cursor:pointer;list-style:none;padding:20px 24px;font:800 1.5rem/1.1 Archivo,sans-serif;font-stretch:66%;text-transform:uppercase;display:flex;justify-content:space-between;gap:16px;color:#111827}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:1.6rem;color:#2448E8}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 24px 22px;color:#111827;font-size:1.02rem;line-height:1.55;max-width:46em}
/* the result page */
.dial{position:relative;width:240px;height:240px;margin:auto}
.dial svg{width:100%;height:100%;transform:rotate(-90deg)}
.dial .tr{fill:none;stroke:var(--sand);stroke-width:22}
.dial .pg{fill:none;stroke:var(--cobalt);stroke-width:22;stroke-dasharray:0 566;transition:stroke-dasharray 1.4s cubic-bezier(.2,.7,.2,1)}
.dial .n{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.dial .n b{font:900 5.4rem/.8 var(--f-d);font-stretch:62%}
.issue{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--soft)}
.issue:last-child{border:0}
.issue .ic{width:44px;height:44px;display:grid;place-items:center;font:800 1.3rem var(--f-d);border:1.5px solid var(--ink)}
.issue .ic.bad{background:var(--coral)}.issue .ic.ok{background:var(--lime)}
.issue .s{font-size:.88rem;color:var(--ink2)}
.stamp{display:inline-block;border:3px solid var(--coral);color:var(--coral);font:800 1.05rem/1 var(--f-d);font-stretch:66%;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;transform:rotate(-5deg);background:var(--base)}
.stamp.done{border-color:var(--ink);color:#111827;background:var(--lime);transform:rotate(3deg)}
.resgrid{display:grid;grid-template-columns:5fr 7fr;gap:28px;align-items:start}
.cta-band{background:var(--cobalt);color:#fff;padding:26px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px;box-shadow:8px 8px 0 var(--ink)}
.cta-band p{flex:1;min-width:220px}
.fitline{display:grid;grid-template-columns:40px 1fr 1.2fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--soft);align-items:start}
.fitline:last-child{border:0}
.fitline .tk{width:36px;height:36px;display:grid;place-items:center;font:800 1.2rem var(--f-d);border:1.5px solid var(--ink)}
.fitline .tk.y{background:var(--lime)}.fitline .tk.n{background:var(--coral)}.fitline .tk.p{background:var(--amber)}
.fitline q{quotes:none;font-weight:700}
.big-fit{display:flex;gap:18px;align-items:center;margin:8px 0 18px;flex-wrap:wrap}
.big-fit b{font:900 4.6rem/.8 var(--f-d);font-stretch:62%}
.hl{background:var(--lime);color:#111827;padding:0 3px}.hl.no{background:var(--coral)}
.skillchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.skillchips span{border:1.5px solid var(--ink);padding:5px 10px;font-weight:600;font-size:.92rem;background:var(--canvas)}
.skillchips span.have{background:var(--lime);color:#111827}
.matches{display:grid;gap:0;border:1.5px solid var(--rule);background:var(--base);margin-top:14px}
.matches a{display:grid;grid-template-columns:130px 1fr auto;gap:16px;padding:16px 18px;border-bottom:1px solid var(--soft);text-decoration:none;color:var(--ink);align-items:start}
.matches a:last-child{border:0}.matches a:hover{background:var(--lime);color:#111827}
.matches small{display:block;color:var(--ink2);font-size:.88rem;margin-top:2px}.matches a:hover small{color:#111827}
.matches .fitn{font:700 .66rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--ink);padding:3px 7px;justify-self:start}
.matches .go{font:700 .75rem var(--f-m);letter-spacing:.09em;text-transform:uppercase;color:var(--cobalt)}
@media(max-width:1000px){.thero .grid,.resgrid,.three{grid-template-columns:1fr}.fitline{grid-template-columns:36px 1fr}.fitline>:last-child{grid-column:2}.issue{grid-template-columns:44px 1fr}.issue>:last-child{grid-column:2}
 .matches a{grid-template-columns:1fr}.thero{padding-top:30px}.faq summary{font-size:1.2rem;padding:16px}.dial{width:200px;height:200px}.dial .n b{font-size:4.4rem}
 .drop{padding:28px 16px}.drop b{font-size:1.5rem}.tabs button{flex:1}}