/* Roast My Advisor Bio: tool-specific styles. Shared rules in ../_shared/tools.css. */
.br-input{min-height:240px;margin-top:18px}
.br-src{margin-top:4px}
.br-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:18px}
.br-actions .btn{cursor:pointer}
.br-count{margin:0;font-size:14px;color:var(--mute)}
.br-ex{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline;margin:18px 0 0;font-size:14.5px;color:var(--mute)}
.br-ex .ft-linkbtn{font-size:14.5px}
.br-err{margin:12px 0 0;color:var(--brass-deep);font-size:14.5px}

/* score */
.br-score{align-items:start;border-bottom:0}
.br-score .ft-score__n{margin:0}
.br-score__n-wrap{position:relative;padding-bottom:16px}
.br-score__line{position:absolute;left:0;bottom:0;width:100%;height:10px;overflow:visible}
.br-score__line path{fill:none;stroke:var(--brass);stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:260;stroke-dashoffset:0}
.br-result.is-in .br-score__line path{animation:brDraw .9s var(--ease-draw) both}
html.reduced .br-result .br-score__line path{animation:none}
@keyframes brDraw{from{stroke-dashoffset:260}to{stroke-dashoffset:0}}
.br-score__k{margin-bottom:10px}
.br-stats{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:20px 0 0;padding:0;border-top:1px solid var(--hair)}
.br-stats li{display:flex;flex-direction:column;gap:4px;padding:12px 28px 4px 0;font-size:13.5px;color:var(--mute)}
.br-stats b{font:500 19px/1.2 var(--serif);color:var(--ev)}
.br-stats--facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}
.br-stats--facts b i{font:italic 400 15px var(--sans);color:var(--mute)}

/* blocks */
.br-block{border-top:1px solid var(--hair);padding:clamp(28px,3vw,44px) 0 6px;margin-top:clamp(28px,3vw,40px)}
.br-block__head{margin-bottom:24px}
.br-block__head .label{margin-bottom:12px}
.br-h{font:500 clamp(26px,2.4vw,34px)/1.12 var(--serif);color:var(--ev);margin:0;max-width:22em}
.br-lead{margin:12px 0 0;color:var(--mute);max-width:44em;font-size:16px}

/* marked text and margin notes */
.br-mark{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:start}
.br-text{background:#FBF8F2;border:1px solid var(--hair);border-radius:2px;padding:clamp(20px,2.4vw,34px);font-size:17px;line-height:1.85}
.br-text p:last-child{margin:0}
.br-m{background:linear-gradient(transparent 58%,rgba(176,141,87,.22) 58%);color:inherit;border-bottom:1.6px solid var(--brass);padding:0 1px;cursor:default;transition:background .2s}
.br-m sup{font:600 10.5px/1 var(--sans);color:var(--brass-deep);margin-left:2px;vertical-align:6px}
.br-m--fill{background:none;border-bottom:1.2px dashed var(--brass)}
.br-m--flag{background:none;border-bottom:1.6px dotted var(--ev)}
.br-m--flag sup{color:var(--ev)}
.br-m.on,.br-m:focus{background:rgba(176,141,87,.32);outline:none}
.br-notes{list-style:none;margin:0;padding:0;border-top:1px solid var(--ev);max-height:640px;overflow:auto}
.br-notes li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:13px 4px 13px 0;border-bottom:1px solid var(--hair);transition:background .2s}
.br-notes li.on{background:rgba(176,141,87,.1)}
.br-notes li>b{font:500 18px/1.2 var(--serif);color:var(--brass-deep)}
.br-notes q{display:block;font:italic 500 17px/1.3 var(--serif);color:var(--ev);margin-bottom:4px;quotes:"\201C" "\201D"}
.br-notes p{margin:0;font-size:15px;line-height:1.5}
.br-notes__none{grid-template-columns:1fr!important}
.br-pct{display:block;color:var(--mute);font-size:13.5px;margin-top:4px}
.br-whole{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.br-whole li{position:relative;padding:14px 0 14px 24px;border-top:1px solid var(--hair);font:italic 500 20px/1.35 var(--serif);color:var(--ev)}
.br-whole li::before{content:"";position:absolute;left:0;top:1.15em;width:12px;height:1.5px;background:var(--brass)}

/* bingo + checks */
.br-two{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,4vw,72px);align-items:start}
.br-bingo{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1.5px solid var(--ev);border-left:1px solid var(--hair);background:#FBF8F2;max-width:620px}
.br-sq{position:relative;aspect-ratio:1/1;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;font:500 13px/1.22 var(--sans);color:var(--mute)}
.br-sq span{position:relative;z-index:1}
.br-sq.hit{color:var(--ev)}
.br-sq.free{font:italic 500 15px/1.15 var(--serif);color:var(--brass-deep)}
.br-sq svg{position:absolute;inset:14% 4%;width:92%;height:72%;overflow:visible}
.br-sq svg path{fill:none;stroke:var(--brass);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linecap:round}
.br-bingo__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.br-bingo__lines path{fill:none;stroke:var(--brass);stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:.9}
.br-result.is-in .br-bingo__lines path{stroke-dasharray:800;animation:brLine 1.1s .4s var(--ease-draw) both}
html.reduced .br-result .br-bingo__lines path{animation:none;stroke-dasharray:none}
@keyframes brLine{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}
.br-bingo__stamp{font:italic 500 clamp(22px,2vw,28px)/1.2 var(--serif);color:var(--mute);margin:18px 0 0;max-width:620px}
.br-bingo__stamp.is-bingo{color:var(--ev)}
.br-checks{list-style:none;margin:0;padding:0;border-top:1px solid var(--ev)}
.br-checks li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--hair)}
.br-checks b{font:500 19px/1.25 var(--serif);color:var(--ev)}
.br-checks p{margin:2px 0 0;font-size:14.5px;color:var(--mute)}
.br-tick{width:16px;height:16px;margin-top:5px;position:relative}
.br-checks .ok .br-tick::before{content:"";position:absolute;left:2px;top:2px;width:12px;height:7px;border-left:1.6px solid var(--brass-deep);border-bottom:1.6px solid var(--brass-deep);transform:rotate(-45deg)}
.br-checks .no .br-tick::before{content:"";position:absolute;left:1px;top:8px;width:13px;height:0;border-bottom:1.6px solid var(--mute)}

/* fixes */
.br-fixes{border-top:1px solid var(--ev)}
.br-fixes .ft-finding{grid-template-columns:40px minmax(0,1fr)}
.br-fixn{font:500 34px/1 var(--serif);color:var(--brass-deep)}
.br-fixes h4{font-size:24px}

/* flags */
.br-flags{list-style:none;margin:0;padding:0;border-top:1px solid var(--ev)}
.br-flags li{padding:14px 0;border-bottom:1px solid var(--hair);font-size:15.5px}
.br-flags .ft-tag{margin:0 10px 0 0}
.br-flags b{font:500 19px/1.3 var(--serif);color:var(--ev)}
.br-flags q{color:var(--mute);font-style:italic}
.br-flags p{margin:6px 0 0;font-size:15px}
.br-flags li.locked q{filter:blur(4px);user-select:none}
.br-open .br-flags li.locked q{filter:none}
.br-ask{color:var(--ink)}
.br-cite{color:var(--mute);font-size:13.5px!important}
.br-more{color:var(--mute);font-size:14.5px;margin:12px 0 0}

/* depth */
.br-rewrite{background:#FBF8F2;border:1px solid var(--hair);border-radius:2px;padding:clamp(20px,2.4vw,36px)}
.br-rw{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,7fr);gap:18px;padding:14px 0;border-bottom:1px solid var(--hair)}
.br-rw:last-child{border-bottom:0}
.br-rw__k{margin:0;font:600 11.5px/1.6 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-deep)}
.br-rw__t{margin:0;font-size:18px;line-height:1.75}
.br-fill{color:var(--ev);font-weight:500;background:rgba(31,59,51,.07);padding:1px 4px;border-radius:2px}
.br-blank{color:var(--brass-deep);border-bottom:1.6px solid var(--brass);font-style:italic;padding:0 2px}
.br-facts{margin-top:28px}
.br-facts .label{margin-bottom:6px}
.br-table{width:100%;border-collapse:collapse;margin-top:24px;font-size:15px}
.br-table th{text-align:left;font:600 11.5px/1.2 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-deep);border-bottom:1px solid var(--ev);padding:10px 12px 10px 0}
.br-table td{border-bottom:1px solid var(--hair);padding:12px 12px 12px 0;vertical-align:top}
.br-table td:first-child{width:32%;font:italic 500 17px/1.3 var(--serif);color:var(--ev)}
.br-table td:nth-child(2){width:14%;color:var(--mute);font-size:13.5px}
.br-pdf{margin-top:30px}
.br-pdf .btn{cursor:pointer}

/* seo body */
.br-list{list-style:none;margin:0 0 1em;padding:0}
.br-list li{padding:12px 0 12px 22px;border-top:1px solid var(--hair);position:relative;font-size:17px}
.br-list li::before{content:"";position:absolute;left:0;top:1.3em;width:11px;height:1px;background:var(--brass);box-shadow:0 3px 0 var(--brass)}
.br-list b{font-weight:500;color:var(--ev)}
.br-quote{margin:0 0 1.2em;padding:18px 22px;border-left:1.5px solid var(--brass);background:rgba(251,248,242,.6)}
.br-quote p{font:italic 500 21px/1.42 var(--serif)!important;color:var(--ev);margin:0 0 8px}
.br-quote cite{font-style:normal;font-size:13px;color:var(--mute)}
.br-template{padding-left:1.3em;margin:0 0 1em}
.br-template li{padding:6px 0;font-size:17px}
.br-aside{border-top:1px solid var(--hair);padding-top:18px;color:var(--mute)}
.br-aside a{color:var(--ev)}

/* reveal: opacity only for result blocks */
.br-result.is-in .br-block,.br-result.is-in .br-score{animation:brFade .4s ease both}
html.reduced .br-result .br-block,html.reduced .br-result .br-score{animation:none}
@keyframes brFade{from{opacity:0}to{opacity:1}}

.br-notesmore{display:none;margin-top:14px}
@media (max-width:1000px){
  .br-mark,.br-two{grid-template-columns:1fr}
  .br-notes.clip li:nth-child(n+6){display:none}
  .br-notesmore{display:inline-block}
  .br-notes{max-height:none}
  .br-stats--facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .br-score{grid-template-columns:1fr;gap:14px}
  .br-score__n-wrap{justify-self:start}
  .br-whole{grid-template-columns:1fr}
  .br-sq{font-size:10px;padding:2px;line-height:1.15;hyphens:auto;overflow-wrap:anywhere;letter-spacing:-.01em}
  .br-sq.free{font-size:12px}
  .br-rw{grid-template-columns:1fr;gap:4px}
  .br-table td:nth-child(2){display:none}
  .br-table th:nth-child(2){display:none}
  .br-stats li{padding-right:20px}
  .br-text{font-size:16px}
}
@media print{
  .br-tool,.br-seo,.br-faq,.breather,.br-pdf,.tool-head,#share,#gate{display:none!important}
  .br-result{display:block!important;margin:0}
  .br-notes{max-height:none;overflow:visible}
  .br-notes.clip li:nth-child(n){display:grid!important}
  .br-notesmore,#notesmore{display:none!important}
  .br-bingo,.br-rw,.br-checks li,.ft-finding{break-inside:avoid}
  .br-flags li.locked q{filter:none}
  .br-text,.br-rewrite{background:#fff}
}
.br-notesmore[hidden],[hidden]{display:none!important}