/* Pattern pages, the schedules hub, privacy and terms. */
.info{padding-top:24px}
.crumbs{font-size:14px;color:var(--muted);margin:8px 0 24px}
.crumbs a{color:var(--muted)}
.ihead{max-width:760px}
.ihead .h1{font-size:56px}
.ihead .lede{max-width:62ch;font-size:19px;color:var(--ink2)}
.ihead .btn{margin-top:28px}
.info article>section{margin-top:56px;max-width:820px}
.info h2.h2{font-size:30px;margin-bottom:14px}
.example{max-width:820px}
.example>p{margin:0 0 18px}
#example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 32px;align-items:start}
#example .legend,#example .ex-count{grid-column:1/-1}
.ex-two .h3{font-size:16px;margin:0 0 8px}
.ex-count{margin:0;color:var(--ink2)}
.wkcal{border-collapse:separate;border-spacing:4px;width:100%;table-layout:fixed}
.wkcal th{font-size:12px;font-weight:500;color:var(--muted)}
.wkcal td{height:44px;border-radius:10px;text-align:center;font-weight:600;font-size:15px;position:relative}
.wkcal td small{display:block;font-size:10px;font-weight:700;color:var(--ink);line-height:1}
.wkcal .pa{color:var(--ad)}.wkcal .pb{color:var(--bd)}
ul.plain{margin:0;padding-left:22px;display:grid;gap:8px;max-width:66ch}
.facts{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0}
.facts span{background:var(--soft);border-radius:14px;padding:12px 16px;color:var(--muted)}
.facts b{color:var(--ink);font-size:20px;margin-right:4px}
.vars{margin:0;display:grid;gap:14px}
.vars dt{font-weight:650}.vars dd{margin:2px 0 0;color:var(--muted);max-width:66ch}
.faq{margin-top:56px;max-width:760px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{transition:transform .2s;color:var(--muted)}
.faq details[open] summary .ic{transform:rotate(180deg)}
.faq details p{margin:0 0 22px;color:var(--muted);max-width:62ch}
.faq .h2{margin-bottom:12px}
.cta{margin-top:56px;max-width:820px}
.cta p{margin:6px 0 18px}
.hub{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:10px;max-width:760px}
.prose{max-width:760px}
.prose h2{margin:32px 0 8px}
.prose p{max-width:66ch}
@media (max-width:640px){.ihead .h1{font-size:38px}.info h2.h2{font-size:24px}#example{grid-template-columns:1fr}.ihead .btn{width:100%}}
.crumbs{margin:0 0 16px}
.ex-month .roll{margin-top:0}