/* plain.css
   Page-type stylesheet for the plain language walkthroughs of a functional
   agenda, such as /standards/notice-defect-spotter-plain.html.
   Loads after /nav.css and /lhc-core.css.
*/

.pl-hero{background:var(--indigo);color:var(--white);padding:4rem 2rem 3.4rem}
.pl-hero-inner{max-width:var(--readw);margin:0 auto}
.pl-kicker{font-family:'League Spartan',sans-serif;font-size:.74rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.12em;color:var(--periwinkle);margin-bottom:.9rem}
.pl-hero h1{font-family:'League Spartan',sans-serif;font-weight:800;
  font-size:clamp(1.9rem,4.2vw,2.8rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}
.pl-lede{font-size:1.1rem;line-height:1.7;color:rgba(255,255,255,.85);max-width:62ch}

.pl-intro,.pl-contents,.pl-part,.pl-end{max-width:var(--readw);margin:0 auto;padding:0 2rem}
.pl-intro{padding-top:2.2rem;padding-bottom:.6rem}
.pl-intro p{font-size:1.08rem;line-height:1.75;color:var(--text);margin-bottom:1rem}
.pl-jump{font-size:.98rem;color:var(--text-light)}
.pl-jump a{color:var(--indigo);font-weight:600}

.pl-contents{margin-top:1.4rem;margin-bottom:2.4rem}
.pl-contents-head{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.1em;color:var(--indigo-light);margin-bottom:.6rem}
.pl-contents ol{margin:0;padding-left:1.3rem;columns:2;column-gap:2rem}
.pl-contents li{font-size:.98rem;line-height:1.6;margin-bottom:.3rem;break-inside:avoid}
.pl-contents a{color:var(--indigo);text-decoration:none;border-bottom:1px solid var(--border)}
.pl-contents a:hover{border-bottom-color:var(--indigo)}

.pl-part{padding-top:2.2rem;padding-bottom:2.2rem;border-top:1px solid var(--border)}
.pl-n{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.74rem;
  text-transform:uppercase;letter-spacing:.12em;color:var(--accent-deep);margin-bottom:.4rem}
.pl-part h2{font-family:'League Spartan',sans-serif;font-weight:800;
  font-size:clamp(1.4rem,2.6vw,1.8rem);color:var(--indigo);line-height:1.2;margin-bottom:.8rem}
.pl-story{font-size:1.06rem;line-height:1.75;color:var(--text);margin-bottom:1.3rem}
.pl-part h3{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.95rem;
  color:var(--indigo);text-transform:uppercase;letter-spacing:.06em;margin:1.2rem 0 .5rem}
.pl-list{margin:0;padding-left:1.2rem}
.pl-list li{font-size:1.02rem;line-height:1.65;margin-bottom:.55rem}
.pl-never li::marker{color:var(--accent-deep)}

.pl-ask{background:var(--lav-soft);border:1px solid var(--border);border-left:4px solid var(--accent);
  border-radius:12px;padding:1.1rem 1.25rem;margin-top:1.5rem}
.pl-q{font-family:'League Spartan',sans-serif;font-weight:700;font-size:1.02rem;
  color:var(--indigo);line-height:1.5;margin-bottom:.6rem}
.pl-note summary{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.9rem;
  color:var(--indigo);cursor:pointer;border-bottom:2px solid var(--accent);display:inline-block;
  padding-bottom:2px}
.pl-note-body{display:grid;gap:.6rem;margin-top:.9rem}
.pl-note-body label{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.85rem;color:var(--indigo)}
.pl-note-body textarea,.pl-note-body input{width:100%;font-family:inherit;font-size:1rem;
  color:var(--text);background:var(--white);border:1.5px solid var(--border);border-radius:10px;
  padding:.6rem .75rem;line-height:1.5}
.pl-note-body textarea{resize:vertical}
.pl-note-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.pl-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pl-send{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.9rem;
  background:var(--accent);color:var(--indigo);border:none;border-radius:9px;
  padding:.6rem 1.2rem;min-height:42px;justify-self:start}
.pl-send[disabled]{opacity:.6}
.pl-status{font-size:.95rem;font-weight:600;color:var(--indigo);min-height:1.2rem;margin:0}
.pl-status.err{color:#9b2c2c}

.pl-end{padding-top:2.4rem;padding-bottom:3.4rem;border-top:1px solid var(--border)}
.pl-end h2{font-family:'League Spartan',sans-serif;font-weight:800;font-size:1.5rem;
  color:var(--indigo);margin-bottom:.8rem}
.pl-end p{font-size:1.05rem;line-height:1.75;margin-bottom:1rem}
.pl-end-links{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem}
.pl-btn{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.92rem;
  background:var(--accent);color:var(--indigo);border-radius:9px;padding:.65rem 1.3rem;
  text-decoration:none;display:inline-block}
.pl-btn.ghost{background:transparent;color:var(--indigo);border:1.5px solid var(--border)}
.pl-btn:hover{background:var(--peach-bright)}
.pl-btn.ghost:hover{border-color:var(--indigo);background:transparent}

@media (max-width:640px){
  .pl-hero{padding:3.2rem 1.25rem 2.6rem}
  .pl-intro,.pl-contents,.pl-part,.pl-end{padding-left:1.25rem;padding-right:1.25rem}
  .pl-contents ol{columns:1}
  .pl-note-row{grid-template-columns:1fr}
}

/* ---- the drawing on each part ---- */
.pl-head{display:flex;align-items:center;gap:1rem;margin-bottom:.9rem}
.pl-icon{width:64px;height:64px;object-fit:contain;flex:none}
.pl-head .pl-n{margin-bottom:.2rem}
.pl-head h2{margin-bottom:0}
.pl-contents li a{display:flex;align-items:flex-start;gap:.55rem;padding:.15rem 0}
.pl-contents li img{width:30px;height:30px;object-fit:contain;flex:none}
@media (max-width:640px){.pl-icon{width:52px;height:52px}}

/* ---- the pair of agendas at the foot ---- */
.pl-pair{max-width:var(--readw);margin:0 auto;padding:0 2rem 3.4rem}
.pl-pair h2{font-family:'League Spartan',sans-serif;font-weight:800;font-size:1.4rem;
  color:var(--indigo);margin-bottom:1rem}
.pl-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.pl-pair-card{display:block;background:var(--white);border:1px solid var(--border);
  border-left:4px solid var(--periwinkle);border-radius:12px;padding:1.2rem 1.3rem;
  text-decoration:none;color:inherit}
a.pl-pair-card:hover{border-left-color:var(--indigo);box-shadow:var(--shadow-hover)}
.pl-pair-card.is-here{background:var(--lav-soft);border-left-color:var(--accent)}
.pl-pair-card.is-planned{background:var(--bg);border-left-color:var(--planned);border-left-style:dashed}
.pl-pair-card.is-planned .pl-pair-go{color:var(--text-muted);border-bottom-color:var(--border)}
.pl-pair-tag{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.7rem;
  text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.35rem}
.pl-pair-card h3{font-family:'League Spartan',sans-serif;font-weight:700;font-size:1.1rem;
  color:var(--indigo);margin-bottom:.45rem}
.pl-pair-card p{font-size:.96rem;line-height:1.6;color:var(--text-light);margin:0}
.pl-pair-go{display:inline-block;margin-top:.8rem;font-family:'League Spartan',sans-serif;
  font-weight:700;font-size:.85rem;color:var(--indigo);border-bottom:2px solid var(--accent);
  padding-bottom:2px}
@media (max-width:760px){.pl-pair-grid{grid-template-columns:1fr}}
@media (max-width:640px){.pl-pair{padding-left:1.25rem;padding-right:1.25rem}}