/* Prayer at Work: the guide's layout and tools. Every rule is scoped under .paw (or the head pieces .paw-actions/.paw-figs)
   and colors come from --paw-* tokens, so a host site maps its own palette onto them and nothing leaks out. */
.paw,.paw-figs,.paw-actions{
  --paw-paper:var(--folio,#F3EDDD); --paw-paper-2:var(--folio-2,#E8DFCA); --paw-ink:var(--ink,#1B1915); --paw-muted:var(--umber,#5A5142);
  --paw-rule:var(--rule,rgba(27,25,21,.16)); --paw-accent:var(--rubric,#A63A24); --paw-accent-lit:var(--rubric-lit,#E57F63);
  --paw-link:var(--indigo,#2B3A8F); --paw-gold:var(--brass,#C89B3C); --paw-gold-lit:var(--brass-2,#E3BE66);
  --paw-dark:var(--night-2,#141B3E); --paw-on-dark:var(--cotton,#EFE8D8); --paw-on-dark-muted:var(--mist,#A9B1D0); --paw-line:var(--line,rgba(239,232,216,.14));
  --paw-serif:var(--serif,Georgia,serif); --paw-sans:var(--sans,system-ui,sans-serif); --paw-bar:var(--bar,64px);
}
.paw-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.paw-k{font-family:var(--paw-sans);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--paw-accent);margin:0 0 6px}

/* ------------------------------------------------------------ head pieces */
.paw-actions{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.paw-figs{border-block:1px solid var(--paw-line);background:var(--paw-dark)}
.paw-figs .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:clamp(20px,4vw,56px);align-items:center;padding-block:clamp(26px,4vw,40px)}
.paw-rule{margin:0;font-size:clamp(1.12rem,1.7vw,1.32rem);line-height:1.45;color:var(--paw-on-dark)}
.paw-rule .paw-k{display:block;color:var(--paw-gold-lit)}
.paw-figrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.paw-figrow div{padding:4px 18px;border-left:1px solid var(--paw-line);min-width:0}
.paw-figrow b{display:block;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1;font-weight:800;color:var(--paw-accent-lit);font-variant-numeric:lining-nums tabular-nums}
.paw-figrow span{display:block;margin-top:8px;font-family:var(--paw-sans);font-size:.92rem;line-height:1.4;color:var(--paw-on-dark-muted)}
@media (max-width:900px){.paw-figs .wrap{grid-template-columns:minmax(0,1fr)}.paw-figrow div:first-child{border-left:0;padding-left:0}}
@media (max-width:560px){.paw-figrow{grid-template-columns:minmax(0,1fr)}.paw-figrow div{border-left:0;padding:12px 0 0;border-top:1px solid var(--paw-line)}.paw-figrow div:first-child{border-top:0}}

/* ------------------------------------------------------------ layout: contents rail + one column */
.paw-layout{display:grid;grid-template-columns:minmax(0,13.5rem) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:start;padding-block:clamp(28px,4vw,48px) clamp(48px,7vw,88px)}
.paw-main{display:grid;gap:clamp(18px,2.4vw,26px);min-width:0}
.paw-toc{position:sticky;top:calc(var(--paw-bar) + 18px);font-family:var(--paw-sans)}
.paw-toc summary{list-style:none;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--paw-on-dark-muted);margin-bottom:10px;cursor:default}
.paw-toc summary::-webkit-details-marker{display:none}
.paw-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--paw-line);display:grid}
.paw-toc a{display:block;padding:7px 0 7px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--paw-on-dark-muted);text-decoration:none;font-size:.95rem;line-height:1.3}
.paw-toc a:hover{color:var(--paw-on-dark)}
.paw-toc a[aria-current]{color:var(--paw-on-dark);border-left-color:var(--paw-gold-lit);font-weight:700}
@media (max-width:1000px){
  .paw-layout{grid-template-columns:minmax(0,1fr)}
  .paw-toc{position:static;background:var(--paw-dark);border:1px solid var(--paw-line);border-radius:10px;padding:12px 16px}
  .paw-toc summary{margin:0;cursor:pointer}
  .paw-toc summary::after{content:" +";color:var(--paw-gold-lit)}
  .paw-toc details[open] summary::after{content:" \2212"}
  .paw-toc ol{margin-top:10px;grid-template-columns:repeat(2,minmax(0,1fr));border-left:0}
  .paw-toc a{padding:6px 0;border-left:0}
}

/* ------------------------------------------------------------ sections: leaves (reading) and instruments (tools) */
.paw-sec{scroll-margin-top:calc(var(--paw-bar) + 16px);min-width:0}
.paw-leaf,.paw-tool,#situations,#help{background:var(--paw-paper);color:var(--paw-ink);border-radius:14px;padding:clamp(24px,4.4vw,52px)}
.paw-tool{background:var(--paw-paper-2);box-shadow:inset 0 0 0 1px var(--paw-rule)}
.paw-sec h2{font-family:var(--paw-serif);font-size:clamp(1.6rem,2.8vw,2.1rem);line-height:1.12;font-weight:800;margin:0 0 .55em;text-wrap:balance;color:var(--paw-ink)}
.paw-leaf > h2::before,#situations > h2::before,#help > h2::before{content:"";display:block;width:34px;height:3px;background:var(--paw-accent);margin-bottom:14px}
.paw-sec h3{font-family:var(--paw-serif);font-size:1.22rem;line-height:1.2;font-weight:800;margin:1.4em 0 .4em}
.paw-sec p{margin:0 0 1em;max-width:42rem}
.paw-sec a{color:var(--paw-link);text-underline-offset:3px;text-decoration-thickness:1px}
.paw-sec ul,.paw-sec ol{margin:0 0 1em;padding-left:1.25em;max-width:42rem}
.paw-sec li{margin-bottom:.45em}
.paw-lead{font-size:1.14em}
.paw-intro{color:var(--paw-muted);font-family:var(--paw-sans);font-size:1.02rem;line-height:1.5}
.paw-note,.paw-muted{font-family:var(--paw-sans);font-size:.92rem;line-height:1.5;color:var(--paw-muted)}
sup.paw-c{font-family:var(--paw-sans);font-size:.66em;font-weight:700;line-height:0;margin-left:1px}
sup.paw-c a{color:var(--paw-accent);text-decoration:none;padding:2px}

/* ------------------------------------------------------------ situations */
.paw-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 22px}
.paw-chip{font:700 .86rem var(--paw-sans);color:var(--paw-ink)!important;text-decoration:none!important;border:1px solid var(--paw-rule);background:var(--paw-paper-2);border-radius:999px;padding:7px 14px;transition:border-color .2s,background-color .2s}
.paw-chip:hover,.paw-chip[aria-current]{border-color:var(--paw-accent);background:#fff8}
.paw-needs{border-top:1px solid var(--paw-rule)}
.paw-need{border-bottom:1px solid var(--paw-rule);scroll-margin-top:calc(var(--paw-bar) + 16px)}
.paw-need summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:16px 0}
.paw-need summary::-webkit-details-marker{display:none}
.paw-need summary::after{content:"+";grid-column:2;grid-row:1;font:500 1.6rem/1 var(--paw-sans);color:var(--paw-accent);transition:transform .3s}
.paw-need[open] summary::after{transform:rotate(45deg)}
.paw-need__t{font-family:var(--paw-serif);font-size:1.25rem;font-weight:800;line-height:1.2}
.paw-need__l{grid-column:1;font-family:var(--paw-sans);font-size:.92rem;color:var(--paw-muted)}
.paw-need__b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 32px;padding:0 0 20px}
.paw-need__b ul{padding-left:1.1em}
.paw-need__b p,.paw-need__b ul{font-size:1rem;line-height:1.55}
.paw-case{grid-column:1/-1;background:var(--paw-paper-2);border-left:3px solid var(--paw-gold);border-radius:0 8px 8px 0;padding:14px 18px}
.paw-case p{margin:0;max-width:none;font-size:.98rem;line-height:1.55}
.paw-case .paw-out{font-weight:700}
@media (max-width:700px){.paw-need__b{grid-template-columns:minmax(0,1fr)}}

/* ------------------------------------------------------------ forms */
.paw-form{display:grid;gap:14px;font-family:var(--paw-sans)}
.paw-form--row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.paw-f{display:grid;gap:6px;min-width:0}
.paw-f--wide{grid-column:span 2}
.paw-f--inline{display:inline-grid;min-width:min(100%,20rem)}
.paw-f span,.paw-form legend{font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--paw-muted)}
.paw-f span i{font-style:normal;font-weight:500;opacity:.8}
.paw-form fieldset{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}
.paw-form legend{padding:0;margin-bottom:8px;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}
.paw input[type="text"],.paw input:not([type]),.paw input[type="time"],.paw input[type="date"],.paw select{
  width:100%;min-width:0;font:500 1rem var(--paw-sans);color:var(--paw-ink);background:#fffdf7;border:1px solid var(--paw-rule);border-radius:8px;padding:10px 12px;min-height:44px;-webkit-appearance:none;appearance:none}
.paw select{background-image:linear-gradient(45deg,transparent 50%,var(--paw-muted) 50%),linear-gradient(135deg,var(--paw-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
.paw input:focus-visible,.paw select:focus-visible{outline:2px solid var(--paw-gold);outline-offset:1px}
.paw-r{display:flex;align-items:flex-start;gap:9px;font-size:.98rem;line-height:1.4;color:var(--paw-ink);cursor:pointer}
.paw-r input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--paw-accent);flex:none}
.paw-form fieldset .paw-r + .paw-r{margin-top:-2px}
@media (max-width:760px){.paw-form--row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.paw-form--row{grid-template-columns:minmax(0,1fr)}.paw-f--wide{grid-column:auto}}
.paw-btn{display:inline-flex;align-items:center;gap:8px;font:700 .95rem var(--paw-sans);background:var(--paw-ink);color:var(--paw-paper);border:1px solid var(--paw-ink);border-radius:8px;padding:10px 16px;min-height:44px;cursor:pointer}
.paw-btn:hover{background:#000}
.paw-btn svg{width:16px;height:16px}
.paw-btn--ghost{background:transparent;color:var(--paw-ink)}
.paw-btn--ghost:hover{background:#fff8}

/* ------------------------------------------------------------ planner */
.paw-plan-out{margin-top:22px}
.paw-plan-out[hidden]{display:none}
.paw-sum ul{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px;max-width:none}
.paw-sum li{font-size:1.04rem;line-height:1.45;padding:10px 14px;background:#fffdf7;border:1px solid var(--paw-rule);border-radius:8px;margin:0}
.paw-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--paw-rule);border-radius:10px;background:#fffdf7}
.paw-grid{width:100%;min-width:30rem;border-collapse:collapse;font-family:var(--paw-sans);font-size:.92rem;font-variant-numeric:tabular-nums}
.paw-grid th,.paw-grid td{padding:7px 8px;text-align:center;border-bottom:1px solid var(--paw-rule);white-space:nowrap}
.paw-grid thead th{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--paw-muted);font-weight:700}
.paw-grid tbody th{text-align:left;font-weight:700;color:var(--paw-muted);padding-left:14px}
.paw-grid tr:last-child > *{border-bottom:0}
.paw-c span{display:inline-block;padding:3px 8px;border-radius:6px;border:1px solid transparent}
.paw-c--inside span,.paw-legend .paw-c--inside::before{background:var(--paw-accent);color:#fff}
.paw-c--partly span,.paw-legend .paw-c--partly::before{border-color:var(--paw-accent);color:var(--paw-accent)}
.paw-c--outside span{color:var(--paw-muted);opacity:.75}
@media (max-width:560px){
  .paw-tool{padding:20px 14px}
  .paw-grid{min-width:0;font-size:.78rem}
  .paw-grid th,.paw-grid td{padding:6px 2px}
  .paw-grid tbody th{padding-left:6px}
  .paw-c span{padding:2px 4px}
}
.paw-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--paw-sans);font-size:.86rem;color:var(--paw-muted);margin:12px 0 4px}
.paw-legend span{display:inline-flex;align-items:center;gap:7px}
.paw-legend span::before{content:"";width:14px;height:14px;border-radius:4px;border:1px solid var(--paw-rule)}
.paw-legend .paw-c--outside::before{background:transparent}

/* ------------------------------------------------------------ letter */
.paw-letter-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,3vw,34px);align-items:start}
.paw-letter-wrap .paw-form{gap:22px}
.paw-sheet-wrap{position:sticky;top:calc(var(--paw-bar) + 16px);display:grid;gap:10px}
.paw-sheet-tools{display:flex;flex-wrap:wrap;gap:8px}
.paw-sheet{background:#fff;color:#1b1915;border-radius:6px;box-shadow:0 1px 0 var(--paw-rule),0 18px 40px -24px rgba(0,0,0,.55);padding:clamp(20px,3vw,34px);font-family:var(--paw-serif);font-size:1rem;line-height:1.55;max-height:calc(100vh - var(--paw-bar) - 110px);overflow:auto}
.paw-sheet p{margin:0 0 .85em;max-width:none}
.paw-sheet mark{background:rgba(200,155,60,.22);color:inherit;border-radius:3px;padding:0 3px}
@media (max-width:900px){.paw-letter-wrap{grid-template-columns:minmax(0,1fr)}.paw-sheet-wrap{position:static}.paw-sheet{max-height:none}}

/* ------------------------------------------------------------ steps, deadline, states */
.paw-steps{list-style:none;padding:0!important;counter-reset:paw;display:grid;gap:4px;max-width:44rem!important}
.paw-steps li{counter-increment:paw;position:relative;padding:4px 0 14px 54px;margin:0;border-left:2px solid var(--paw-rule);margin-left:16px}
.paw-steps li:last-child{border-left-color:transparent}
.paw-steps li::before{content:counter(paw);position:absolute;left:-17px;top:0;width:32px;height:32px;border-radius:50%;background:var(--paw-ink);color:var(--paw-paper);font:800 .95rem/32px var(--paw-sans);text-align:center}
.paw-steps h3{margin:2px 0 .3em;font-size:1.15rem}
.paw-steps p{margin:0 0 .4em}
.paw-tip{font-family:var(--paw-sans);font-size:.92rem;color:var(--paw-muted)}
.paw-tool--inset{margin-top:18px;border-radius:12px;padding:clamp(18px,3vw,28px)}
.paw-tool--inset h3{margin-top:0}
.paw-dates{list-style:none;padding:0!important;display:grid;gap:10px;margin:16px 0 8px!important;max-width:none!important}
.paw-dates li{display:grid;gap:2px;background:#fffdf7;border:1px solid var(--paw-rule);border-left:4px solid var(--paw-gold);border-radius:8px;padding:12px 14px;margin:0;font-family:var(--paw-sans)}
.paw-dates li.is-near{border-left-color:var(--paw-accent)}
.paw-dates li.is-past{border-left-color:var(--paw-muted);opacity:.85}
.paw-dates span{font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--paw-muted)}
.paw-dates b{font-family:var(--paw-serif);font-size:1.3rem;line-height:1.2}
.paw-dates small{font-size:.9rem;color:var(--paw-muted)}
.paw-state-card{margin-top:18px}
.paw-state-card h3{margin-top:0}
.paw-dl{display:grid;gap:0;margin:0 0 12px;border-top:1px solid var(--paw-rule);font-family:var(--paw-sans)}
.paw-dl div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:4px 18px;padding:11px 0;border-bottom:1px solid var(--paw-rule)}
.paw-dl dt{font-weight:700;font-size:.9rem;color:var(--paw-muted)}
.paw-dl dd{margin:0;font-size:1rem;line-height:1.5}
.paw-dl ul{margin:0;padding-left:1.1em}
@media (max-width:560px){.paw-dl div{grid-template-columns:minmax(0,1fr)}}

/* ------------------------------------------------------------ employers, faq, help, sources */
.paw-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 32px}
@media (max-width:700px){.paw-two{grid-template-columns:minmax(0,1fr)}}
.paw-ticks,.paw-crosses{list-style:none;padding:0!important}
.paw-ticks li,.paw-crosses li{position:relative;padding-left:28px}
.paw-ticks li::before,.paw-crosses li::before{position:absolute;left:0;top:.05em;font:800 1rem var(--paw-sans)}
.paw-ticks li::before{content:"\2713";color:#2E6B3F}
.paw-crosses li::before{content:"\2715";color:var(--paw-accent)}
.paw-tools{margin:0 0 10px}
.paw-policy{margin:0;background:#fffdf7;border:1px dashed var(--paw-rule);border-radius:8px;padding:16px 18px;max-width:44rem}
.paw-policy p{margin:0;font-size:1rem}
.paw-faq{border-top:1px solid var(--paw-rule);max-width:46rem}
.paw-faq details{border-bottom:1px solid var(--paw-rule)}
.paw-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:14px 0;font-weight:800;font-size:1.08rem;line-height:1.3}
.paw-faq summary::-webkit-details-marker{display:none}
.paw-faq summary::after{content:"+";color:var(--paw-accent);font:500 1.4rem/1 var(--paw-sans);transition:transform .3s}
.paw-faq details[open] summary::after{transform:rotate(45deg)}
.paw-faq details p{margin:0 0 16px}
.paw-help{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none!important}
.paw-help li{margin:0;background:var(--paw-paper-2);border-radius:10px;padding:14px 16px;display:grid;gap:4px;font-family:var(--paw-sans)}
.paw-help a{font-family:var(--paw-serif);font-weight:800;font-size:1.1rem;text-decoration:none}
.paw-help a:hover{text-decoration:underline}
.paw-help span{font-size:.94rem;line-height:1.45;color:var(--paw-muted)}
.paw-help .paw-help__state{grid-column:1/-1}
@media (max-width:640px){.paw-help{grid-template-columns:minmax(0,1fr)}}
.paw-srcs{font-family:var(--paw-sans);font-size:.92rem;line-height:1.5;max-width:46rem!important}
.paw-srcs li{scroll-margin-top:calc(var(--paw-bar) + 20px)}
.paw-srcs li:target{background:rgba(200,155,60,.28);outline:6px solid rgba(200,155,60,.28)}
.paw-srcs a{overflow-wrap:anywhere}

/* ------------------------------------------------------------ print: the letter alone */
@media print{
  .paw-printing body *{visibility:hidden}
  .paw-printing #paw-letter,.paw-printing #paw-letter *{visibility:visible}
  .paw-printing #paw-letter{position:absolute;left:0;top:0;width:100%;max-height:none;overflow:visible;box-shadow:none;padding:0;font-size:12pt}
  .paw-printing #paw-letter mark{background:none}
}
@media (prefers-reduced-motion:reduce){.paw-need summary::after,.paw-faq summary::after{transition:none}}