/* The Terms, Privacy, Copyright and Support pages (terms.html, privacy.html, copyright.html, support.html).
   Loaded after account.css; same plain look as the About and guide pages. */
main{max-width:620px}
.draft{display:inline-block;font-size:13px;font-weight:700;background:var(--accent);color:#000;padding:4px 10px;border-radius:999px;margin:0 0 18px}
.updated{font-size:13px;color:var(--muted);margin:0 0 24px}
.legal h2{font-size:15px;font-weight:700;margin:32px 0 8px}
.legal p,.legal li{font-size:14px;line-height:1.55}
.legal ul,.legal ol{margin:0 0 14px;padding-left:20px}
.legal li{margin:0 0 6px}
.legal a{color:var(--ink)}
/* Blanks the owner still has to fill in. */
.ph{background:var(--soft);color:var(--ink);padding:0 4px;border-radius:3px;white-space:nowrap}
.legal .box{background:var(--surface);border-radius:8px;padding:12px 14px;margin:0 0 14px}
.legal .box p:last-child,.legal .box ul:last-child{margin-bottom:0}
.legal dl{margin:0 0 14px;font-size:14px;line-height:1.55}
.legal dt{font-weight:700;margin:12px 0 2px}
.legal dd{margin:0}
.legal code{font:12.5px/1.4 ui-monospace,Menlo,monospace;background:var(--chip);padding:1px 4px;border-radius:3px}
.legal-links{font-size:13px;color:var(--muted);margin:40px 0 0}
.legal-links a{color:var(--muted)}
@media (max-width:600px){.ph{white-space:normal}}
.nw{white-space:nowrap}
/* The Support page tables (support.html). */
.legal table.money{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45;margin:0 0 14px}
.legal .money th{text-align:left;font-size:12px;font-weight:700;color:var(--muted);padding:0 10px 6px 0;border-bottom:1px solid var(--line)}
.legal .money td{padding:8px 10px 8px 0;border-bottom:1px solid var(--line);vertical-align:top}
.legal .money .n{text-align:right;padding-right:0}
.legal .money th:last-child{text-align:right;padding-right:0}
.legal .money .total td{font-weight:700;border-bottom:0}
.legal .small{font-size:12.5px;color:var(--muted)}
.legal .monthly td:not(:first-child),.legal .monthly th:not(:first-child){text-align:right;padding-left:10px;padding-right:0;white-space:nowrap}
@media (max-width:600px){.legal .monthly{font-size:12.5px}.legal .monthly td:not(:first-child),.legal .monthly th:not(:first-child){padding-left:6px;white-space:normal}}
/* The Support commonplace page: its lead paragraph, and "Financial transparency" as a second part. */
/* Same width, type and spacing as the About and practice pages, so they line up when switching. */
main.support{max-width:560px}
.support p,.support li{font-size:15px;line-height:1.45}
.support .lead{margin:20px 0 28px}
.support .small{font-size:12.5px}
.support .updated{font-size:13px}
.support .thanks{font-weight:700;margin:14px 0 0}
.support .perks{list-style:none;padding:0;margin:0 0 24px}
.support .perks li{display:flex;gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line);margin:0}
.support .perks li:last-child{border-bottom:1px solid var(--line)}
.support .perks b{flex:0 0 150px}
.support #whoNote{margin:10px 0 0}
.support .who{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 8px;padding:0;list-style:none}
.support .who li{margin:0;padding:4px 10px;border-radius:999px;background:var(--chip);font-size:13px;line-height:1.45}
.support .who li.mine{cursor:pointer;outline-offset:2px}
.support .picker{margin:10px 0 0}
.support .swatches{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.support .swatches button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);padding:0;cursor:pointer}
.support .swatches button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink)}
.support .picker .custom{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}
.support .picker input[type=color]{width:36px;height:28px;border:1px solid var(--line);border-radius:6px;padding:0;background:none}
@media (max-width:600px){.support .perks li{flex-direction:column;gap:2px}.support .perks b{flex:none}}
.legal h2.part{font-size:20px;margin:48px 0 6px;padding-top:28px;border-top:1px solid var(--line)}