/* Readability Checker — page-specific styles */
.rd-tool{overflow:visible;--rd-very:#ffc4bb;--rd-hard:#fdf1a3;--rd-simpler:#e2d6ff;--rd-passive:#c8efd9;--rd-adverb:#cfe2ff;--rd-long:#f59e0b}

/* Top bar: audience + source */
.rd-top{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:.8rem 1.4rem;padding:1.2rem 1.75rem}
.rd-top__item{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.rd-top__item .pn-label{margin:0}
.rd-top .pn-select{min-width:250px}
.rd-top__panel{min-width:0;align-self:end}
.rd-top__panel p{font-size:var(--pn-sm);color:var(--pn-muted);line-height:1.5;padding-bottom:.45rem}
.rd-row{display:flex;gap:.5rem}.rd-row .pn-input{flex:1;min-width:0}
.rd-drop{flex-direction:row;justify-content:flex-start;text-align:left;gap:.7rem;padding:.6rem .9rem}
.rd-drop .pn-drop__icon{width:32px;height:32px}.rd-drop .pn-drop__icon svg{width:16px;height:16px}
.rd-drop strong{display:block;font-size:var(--pn-sm)}.rd-drop span span{display:block;font-size:var(--pn-xs);color:var(--pn-muted)}
.rd-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.rd-status:not(:empty){padding:.6rem 1.75rem;font-size:var(--pn-sm);color:var(--pn-muted);border-top:1px solid var(--pn-line-soft)}
.rd-status.is-error{color:var(--pn-red-ink);background:var(--pn-red-pale)}

/* Two columns: document + sticky report */
.rd-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;border-top:1px solid var(--pn-line-soft)}
.rd-doc{background:#f1f3f4;border-bottom-left-radius:var(--pn-r-card);overflow:hidden;min-width:0}
.rd-doc__bar{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;background:#fff}
.rd-doc__icon svg{width:20px;height:26px;display:block}
.rd-doc__title{min-width:0;margin-right:auto}
.rd-doc__title b{display:block;font-size:.95rem;font-weight:600;color:#1f1f1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-doc__title small{display:block;font-size:var(--pn-xs);color:var(--pn-muted)}
.rd-doc__tools{display:flex;align-items:center;gap:.7rem;padding:.4rem 1.1rem;background:#edf2fa;border-top:1px solid #e3e7ee;border-bottom:1px solid #dadce0;min-height:42px}
.rd-style{border:0;background:transparent;font:500 .8125rem var(--pn-font-body);color:#1f1f1f;padding:.3rem .4rem;border-radius:6px;cursor:pointer}
.rd-style:hover,.rd-style:focus{background:#dfe5f0;outline:0}
.rd-sep{width:1px;height:18px;background:#c4c7c5}
.rd-doc__count{margin-left:auto;font-size:var(--pn-xs);color:#5f6368;font-variant-numeric:tabular-nums}
.rd-workspace{position:relative;height:clamp(560px,78vh,780px);overflow-y:auto;padding:1.4rem 1rem 2.5rem;overscroll-behavior:contain}
.rd-page{position:relative;max-width:760px;min-height:calc(100% - 1rem);margin:0 auto;background:#fff;padding:64px 72px;box-shadow:0 1px 3px rgba(60,64,67,.15),0 4px 8px 3px rgba(60,64,67,.08);font:15px/1.65 Arial,Helvetica,sans-serif;color:#1f1f1f;outline:0;caret-color:#1a73e8;overflow-wrap:break-word}
.rd-page:focus{box-shadow:0 1px 3px rgba(60,64,67,.15),0 4px 8px 3px rgba(60,64,67,.08),0 0 0 2px #c2d7f7}
.rd-page.is-empty::before{content:attr(data-placeholder);position:absolute;left:72px;right:72px;top:64px;color:#9aa0a6;pointer-events:none}
.rd-page > *{margin:0;position:relative}
.rd-page p{margin:0 0 1em}
.rd-page h1,.rd-page h2,.rd-page h3,.rd-page h4{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:0;color:#000}
.rd-page h1{font-size:30px;line-height:1.2;margin:.1em 0 .6em}
.rd-page h2{font-size:23px;line-height:1.3;margin:1.1em 0 .45em}
.rd-page h3{font-size:19px;line-height:1.35;margin:1em 0 .4em}
.rd-page h4{font-size:17px;line-height:1.4;margin:.9em 0 .35em}
.rd-page h5,.rd-page h6{font-size:16px;margin:.8em 0 .3em}
.rd-page > :first-child{margin-top:0}

/* Highlights */
.rd-page .rd-s.rd-hard{background:var(--rd-hard)}
.rd-page .rd-s.rd-very{background:var(--rd-very)}
.rd-page .rd-s.rd-hard,.rd-page .rd-s.rd-very{cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:1px 0}
.rd-page mark{color:inherit;border-radius:3px;padding:0 1px;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.rd-page mark.rd-simpler{background:var(--rd-simpler)}
.rd-page mark.rd-passive{background:var(--rd-passive)}
.rd-page mark.rd-adverb{background:var(--rd-adverb)}
.rd-page p.rd-long{box-shadow:-18px 0 0 -14px var(--rd-long)}
.rd-page.hide-hard .rd-s.rd-hard,.rd-page.hide-very .rd-s.rd-very{background:transparent;cursor:text}
.rd-page.hide-simpler mark.rd-simpler,.rd-page.hide-passive mark.rd-passive,.rd-page.hide-adverb mark.rd-adverb{background:transparent;cursor:text}
.rd-page.hide-long p.rd-long{box-shadow:none}
.rd-page .is-flash{outline:2px solid #1a73e8;outline-offset:2px;border-radius:3px;transition:outline-color 1s}

/* Tip popover */
.rd-tip{position:absolute;z-index:5;width:min(320px,calc(100% - 16px));background:#fff;border-radius:14px;padding:.85rem .95rem .95rem;box-shadow:0 12px 32px rgba(15,23,42,.18),0 2px 6px rgba(15,23,42,.08);font-family:var(--pn-font-body)}
.rd-tip__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}
.rd-tip__kind{font-size:var(--pn-xs);font-weight:700;padding:.2rem .55rem;border-radius:999px;color:#111}
.rd-tip__kind--very{background:var(--rd-very)}.rd-tip__kind--hard{background:var(--rd-hard)}.rd-tip__kind--simpler{background:var(--rd-simpler)}.rd-tip__kind--passive{background:var(--rd-passive)}.rd-tip__kind--adverb{background:var(--rd-adverb)}.rd-tip__kind--long{background:#fde7c2}
.rd-tip__head button{border:0;background:none;cursor:pointer;width:26px;height:26px;border-radius:50%;color:var(--pn-muted)}
.rd-tip__head button:hover{background:var(--pn-linen)}
.rd-tip p{font-size:var(--pn-sm);line-height:1.5;color:var(--pn-charcoal)}
.rd-tip .pn-btn{margin-top:.65rem}

/* Report sidebar */
.rd-report{border-left:1px solid var(--pn-line-soft);padding:1.1rem 1.15rem 1.3rem;display:flex;flex-direction:column;gap:.7rem;min-width:0;align-self:start;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto}
.rd-score{background:var(--pn-cream);border:1px solid var(--pn-line);border-radius:18px;padding:1rem 1.1rem}
.rd-score__top{display:flex;align-items:baseline;gap:.5rem}
.rd-score__label{font-size:var(--pn-sm);font-weight:600;color:var(--pn-gray)}
.rd-score__num{font-family:var(--pn-font-display);font-size:3rem;line-height:1;letter-spacing:-.04em;color:var(--pn-black)}
.rd-score__target{margin-left:auto;font-size:var(--pn-xs);color:var(--pn-muted);background:#fff;border:1px solid var(--pn-line);border-radius:999px;padding:.2rem .6rem}
.rd-score__target b{color:var(--pn-black)}
.rd-scale{position:relative;height:10px;margin:.8rem 0 1.3rem;border-radius:999px;background:linear-gradient(90deg,#9be3d6 0%,#fdf1a3 50%,#ffc4bb 100%)}
.rd-scale span{position:absolute;top:14px;font-size:.6875rem;color:var(--pn-muted);transform:translateX(-50%)}
.rd-scale span:nth-of-type(1){left:0;transform:none}.rd-scale span:nth-of-type(2){left:46.7%}.rd-scale span:nth-of-type(3){right:0;left:auto;transform:none}
.rd-scale__target{position:absolute;top:-4px;width:2px;height:18px;background:var(--pn-black);transform:translateX(-1px);border-radius:2px}
.rd-scale__mark{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--pn-black);transform:translate(-50%,-50%);transition:left .35s ease;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.rd-verdict{font-size:var(--pn-sm);font-weight:600;color:var(--pn-black);display:flex;align-items:center;gap:.45rem}
.rd-verdict::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--pn-stone);flex:none}
.rd-verdict[data-state=ok]::before{background:#21c49a}.rd-verdict[data-state=near]::before{background:#f5b700}.rd-verdict[data-state=far]::before{background:#ef5a46}
.rd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}
.rd-stats div{border:1px solid var(--pn-line);border-radius:12px;padding:.5rem .5rem;background:#fff;min-width:0}
.rd-stats b{display:block;font-family:var(--pn-font-display);font-weight:400;font-size:1.15rem;line-height:1.1;color:var(--pn-black);white-space:nowrap}
.rd-stats span{display:block;font-size:.625rem;line-height:1.25;color:var(--pn-muted);margin-top:.2rem}
.rd-stats small{display:block;font-size:.625rem;font-weight:600;color:var(--pn-charcoal)}
.rd-fix{display:grid;grid-template-columns:1fr auto;gap:.1rem .6rem;align-items:center;text-align:left;width:100%;border:0;cursor:pointer;background:var(--pn-black);color:#fff;border-radius:14px;padding:.75rem .95rem;font:inherit}
.rd-fix__label{grid-column:1;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pn-yellow)}
.rd-fix #rdFixText{grid-column:1;font-size:var(--pn-sm);line-height:1.4}
.rd-fix > span:last-child{grid-column:2;grid-row:1/3;font-size:1.1rem}
.rd-fix:hover{background:#222}
.rd-gap{font-size:var(--pn-xs);color:#8a5a00;background:#fff4dc;border-radius:12px;padding:.6rem .75rem}
.rd-kinds{display:grid;gap:.35rem}
.rd-kinds__note{font-size:var(--pn-xs);color:var(--pn-muted);margin-bottom:.15rem}
.rd-kind{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.3rem;border-radius:12px;background:#fff;border:1px solid var(--pn-line)}
.rd-kind [data-kind]{display:grid;grid-template-columns:14px 1fr auto;gap:.6rem;align-items:center;border:0;background:none;padding:.42rem .7rem;font:inherit;font-size:var(--pn-sm);color:var(--pn-black);cursor:pointer;text-align:left;border-radius:12px}
.rd-kind [data-kind]:hover{background:var(--pn-cream)}
.rd-kind [data-kind] i{width:14px;height:14px;border-radius:4px}
.rd-kind [data-kind] b{font-weight:700;font-variant-numeric:tabular-nums}
.rd-kind [data-kind].is-zero b{color:var(--pn-muted);font-weight:500}
.rd-kind--very i{background:var(--rd-very)}.rd-kind--hard i{background:var(--rd-hard)}.rd-kind--simpler i{background:var(--rd-simpler)}.rd-kind--passive i{background:var(--rd-passive)}.rd-kind--adverb i{background:var(--rd-adverb)}.rd-kind--long i{background:var(--rd-long)}
.rd-eye{width:32px;height:32px;margin-right:.3rem;border:0;border-radius:8px;background:transparent;display:grid;place-items:center;color:var(--pn-muted);cursor:pointer}
.rd-eye .pn-i{width:16px;height:16px}.rd-eye .pn-i + .pn-i{display:none}.rd-eye[aria-pressed=false] .pn-i:first-child{display:none}.rd-eye[aria-pressed=false] .pn-i + .pn-i{display:block;color:#b8b8b0}
.rd-eye:hover{background-color:var(--pn-linen)}
.rd-rhythm{border:1px solid var(--pn-line);border-radius:14px;padding:.75rem .8rem;background:#fff}
.rd-rhythm__head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}
.rd-rhythm__head b{font-size:var(--pn-sm);font-weight:600;color:var(--pn-black)}
.rd-rhythm__head span{font-size:.6875rem;color:var(--pn-muted)}
.rd-rhythm__bars{display:flex;align-items:flex-end;gap:2px;height:64px;margin:.6rem 0 .5rem;border-bottom:1px solid var(--pn-line)}
.rd-bar{flex:1 1 0;min-width:3px;max-width:14px;border:0;padding:0;border-radius:3px 3px 0 0;background:#d6dad8;cursor:pointer}
.rd-bar--hard{background:#f2d64b}.rd-bar--very{background:#ef7f6d}
.rd-bar:hover{opacity:.7}
.rd-rhythm p{font-size:var(--pn-xs);color:var(--pn-muted);line-height:1.45}
.rd-all{border:1px solid var(--pn-line);border-radius:14px;background:#fff;padding:.1rem .8rem}
.rd-all summary{cursor:pointer;font-size:var(--pn-sm);font-weight:600;padding:.6rem 0;color:var(--pn-black)}
.rd-all table{width:100%;border-collapse:collapse;font-size:var(--pn-xs);margin-bottom:.6rem}
.rd-all td{padding:.4rem 0;border-top:1px solid var(--pn-line-soft);color:var(--pn-charcoal)}
.rd-all td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--pn-black);font-weight:600}
.rd-all small{color:var(--pn-muted)}

/* Content visuals */
.rdx-compare{position:relative;z-index:1;display:grid;gap:.8rem;width:min(100%,420px)}
.rdx-card{background:#fff;border-radius:14px;padding:1rem 1.1rem;box-shadow:var(--pn-shadow-card);font:15px/1.6 Arial,Helvetica,sans-serif;color:#1f1f1f}
.rdx-card__tag{display:inline-block;font:700 var(--pn-xs) var(--pn-font-body);padding:.2rem .55rem;border-radius:999px;margin-bottom:.5rem}
.rdx-card__tag--bad{background:#ffc4bb}.rdx-card__tag--good{background:#c8efd9}
.rdx-very{background:#ffc4bb;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.rdx-hard{background:#fdf1a3}.rdx-simpler{background:#e2d6ff}.rdx-passive{background:#c8efd9}.rdx-adverb{background:#cfe2ff}.rdx-long{box-shadow:inset 4px 0 #f59e0b;padding-left:.6rem!important}
.rdx-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.rdx-keys article{background:#fff;border:1px solid var(--pn-line);border-radius:var(--pn-r-card);padding:1.2rem 1.3rem}
.rdx-keys span{display:inline-block;font-weight:600;font-size:var(--pn-sm);color:var(--pn-black);padding:.2rem .5rem;border-radius:6px;margin-bottom:.6rem}
.rdx-keys p{font-size:var(--pn-sm);color:var(--pn-charcoal);line-height:1.55}
.rdx-targets{position:relative;z-index:1;width:min(100%,420px);background:#fff;border-radius:16px;padding:1.1rem 1.2rem;box-shadow:var(--pn-shadow-card);display:grid;gap:.75rem}
.rdx-targets div{display:grid;grid-template-columns:160px 1fr 24px;gap:.7rem;align-items:center;font-size:var(--pn-sm)}
.rdx-targets span{color:var(--pn-black);font-weight:500}
.rdx-targets i{height:10px;border-radius:999px;background:linear-gradient(90deg,#9be3d6 calc(var(--g) / 16 * 100%),var(--pn-linen) 0)}
.rdx-targets b{text-align:right;font-variant-numeric:tabular-nums}
.rdx-order{position:relative;z-index:1;width:min(100%,400px);background:#fff;border-radius:16px;padding:1.2rem 1.3rem;box-shadow:var(--pn-shadow-card)}
.rdx-order b{display:block;font-family:var(--pn-font-display);font-weight:400;font-size:1.2rem;margin-bottom:.6rem;color:var(--pn-black)}
.rdx-order ol{margin:0;padding-left:1.2rem;display:grid;gap:.45rem;font-size:var(--pn-sm);color:var(--pn-charcoal)}

@media (max-width:1000px){
  .rd-main{grid-template-columns:1fr}
  .rd-report{order:-1;position:static;max-height:none;border-left:0;border-bottom:1px solid var(--pn-line-soft);display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .rd-score,.rd-fix,.rd-gap{grid-column:1/-1}
  .rd-doc{border-radius:0 0 var(--pn-r-card) var(--pn-r-card)}
  .rdx-keys{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .rd-top{grid-template-columns:1fr;padding:1.1rem}
  .rd-top .pn-select{min-width:0;width:100%}
  .rd-status:not(:empty){padding:.6rem 1.1rem}
  .rd-main{display:flex;flex-direction:column}
  .rd-report{display:contents}
  .rd-score,.rd-stats,.rd-fix,.rd-gap{order:-1;margin:0 1rem .7rem}
  .rd-score{margin-top:1rem}
  .rd-fix{width:auto}
  .rd-doc__bar{flex-wrap:wrap}
  .rd-doc__title{flex:1 1 calc(100% - 40px)}
  .rd-doc__bar .pn-btn{padding-left:0}
  .rd-doc{order:0;border-radius:0}
  .rd-kinds,.rd-rhythm,.rd-all{order:1;margin:0 1rem .7rem}
  .rd-kinds{margin-top:1rem}
  .rd-all{margin-bottom:1.2rem}
  .rd-workspace{height:78vh;padding:.8rem .5rem 1.5rem}
  .rd-page{padding:28px 22px;font-size:15px}
  .rd-page.is-empty::before{left:22px;right:22px;top:28px}
  .rd-page h1{font-size:24px}.rd-page h2{font-size:20px}.rd-page h3{font-size:18px}
  .rd-page p.rd-long{box-shadow:-12px 0 0 -9px var(--rd-long)}
  .rd-doc__bar,.rd-doc__tools{padding-left:.8rem;padding-right:.8rem}
  .rdx-keys{grid-template-columns:1fr}
  .rdx-targets div{grid-template-columns:130px 1fr 22px}
}

.rd-fix .pn-i{width:18px;height:18px}
.rd-tip__head button{display:grid;place-items:center}.rd-tip__head button .pn-i{width:14px;height:14px}
.rd-doc__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--pn-mint);color:var(--pn-teal)}.rd-doc__icon .pn-i{width:18px;height:18px}
.rd-eye:empty{background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.rd-doc__icon:has(> svg:not(.pn-i)){background:none;width:auto;height:auto}