/* This stylesheet is loaded only by the discussion page; account for a desktop scrollbar at 320 px. */
html,body { min-width:0; }
.pd-main { --pd-blue:#1749c7; --pd-ink:#172747; --pd-line:#d8dce5; --pd-paper:#fffefa; --pd-lime:#d5ec87; color:var(--pd-ink); max-width:1280px; margin:0 auto; padding:26px 48px 80px; font-family:Onest,sans-serif; }
.pd-main * { box-sizing:border-box; }
.pd-main h1,.pd-main h2,.pd-main h3,.pd-main p { margin-top:0; }
.pd-main h1,.pd-main h2 { font-family:Unbounded,Onest,sans-serif; letter-spacing:-.045em; font-weight:600; }
.pd-main h1 { font-size:clamp(28px,3.4vw,42px); line-height:1.2; margin-bottom:16px; }
.pd-main h1 span { color:var(--pd-blue); }
.pd-main h2 { font-size:clamp(23px,2.5vw,33px); line-height:1.25; margin-bottom:20px; }
.pd-main h3 { font-size:21px; line-height:1.35; font-weight:650; letter-spacing:-.025em; }
.pd-main p { line-height:1.6; }
.pd-main a { color:var(--pd-blue); text-underline-offset:4px; }
.pd-main a:hover { text-decoration-thickness:2px; }
.pd-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; margin-bottom:24px; }
.pd-hero { padding:0 0 24px; border-bottom:1px solid var(--pd-line); }
.pd-eyebrow { color:var(--pd-blue); font-size:12px; letter-spacing:.07em; font-weight:750; text-transform:uppercase; margin-bottom:16px; }
.pd-lead { font-size:17px; max-width:760px; margin-bottom:0; }
.pd-jump { display:inline-flex; gap:30px; align-items:center; font-weight:700; font-size:16px; }
.pd-jump span { font-size:28px; }
.pd-hero-note { border-left:2px solid var(--pd-blue); padding-left:25px; }
.pd-hero-note b { font-size:21px; line-height:1.5; }
.pd-hero-note p:last-child { font-size:14px; margin-bottom:0; }
.pd-mark { display:inline-block; background:var(--pd-lime); padding:7px 10px; margin-bottom:22px; font-family:Unbounded,Onest,sans-serif; font-size:23px; letter-spacing:-.05em; transform:rotate(-4deg); }
.pd-tool { padding-top:14px; scroll-margin-top:120px; }
.pd-tool h2 { overflow-wrap:anywhere; }
.pd-create { max-width:880px; padding:14px 0 16px; }
.pd-create h2 { font-size:25px; margin-bottom:10px; }
.pd-create>p { font-size:15px; margin-bottom:22px; }
.pd-form-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr) minmax(0,.6fr); gap:18px; }
.pd-main form { margin:0; }
.pd-field { display:block; margin:0 0 18px; min-width:0; }
.pd-field>span { display:block; font-size:14px; font-weight:650; margin-bottom:8px; }
.pd-field input,.pd-field textarea { display:block; width:100%; min-width:0; border:1px solid #9ba7bd; border-radius:10px; background:white; padding:12px 14px; color:var(--pd-ink); font:inherit; font-size:16px; line-height:1.5; }
.pd-field textarea { resize:vertical; min-height:115px; }
.pd-field input::placeholder,.pd-field textarea::placeholder { color:#627087; opacity:1; }
.pd-field input:focus,.pd-field textarea:focus { outline:3px solid #cfdbff; border-color:var(--pd-blue); }
.pd-consent { display:flex; align-items:flex-start; gap:12px; margin:22px 0; padding:16px 18px; background:#f0f4fc; border-radius:10px; font-size:14px; line-height:1.6; cursor:pointer; }
.pd-consent input { flex:0 0 20px; width:20px; height:20px; margin:2px 0 0; accent-color:var(--pd-blue); }
.pd-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; max-width:100%; padding:12px 19px; border:1px solid #bc4618; border-radius:10px; color:#fff; background:#c94e1b; font:inherit; font-size:15px; font-weight:650; line-height:1.35; text-align:center; cursor:pointer; white-space:normal; overflow-wrap:anywhere; box-shadow:none; }
.pd-button:hover { background:#af3f11; }
.pd-button:focus-visible,.pd-main summary:focus-visible,.pd-main a:focus-visible { outline:3px solid #6888e8; outline-offset:4px; }
.pd-button-secondary { color:var(--pd-blue); border-color:#b0beda; background:white; }
.pd-button-secondary:hover { background:#edf3ff; }
.pd-button-danger { color:#a42d1a; background:white; border-color:#cd9288; }
.pd-button-danger:hover { background:#fff0ed; }
.pd-button[disabled] { opacity:.55; cursor:wait; }
.pd-actions { display:flex; flex-wrap:wrap; gap:12px; margin:14px 0; }
.pd-main details { border-top:1px solid var(--pd-line); padding:18px 0; }
.pd-main summary { color:var(--pd-blue); font-weight:650; font-size:17px; cursor:pointer; line-height:1.45; }
.pd-main details[open]>summary { margin-bottom:17px; }
.pd-main .pd-library { margin-bottom:6px; padding:14px 0; border-top:0; border-bottom:1px solid var(--pd-line); }
.pd-library>p { font-size:14px; }
.pd-library-list { display:grid; gap:6px; margin-top:14px; }
.pd-library-entry { display:grid; grid-template-columns:minmax(0,1fr) auto; justify-content:stretch; align-items:baseline; gap:4px 14px; width:100%; min-width:0; text-align:left; padding:10px 13px; border-color:var(--pd-line); border-radius:7px; }
.pd-library-entry[hidden] { display:none; }
.pd-library-entry strong { font-size:15px; line-height:1.4; }
.pd-library-role { font-size:12px; font-weight:500; }
.pd-library-step { font-size:14px; font-weight:400; }
.pd-library-state { font-size:12px; line-height:1.5; font-weight:400; }
.pd-library-state[data-state=new] { color:#334b11; background:var(--pd-lime); padding:3px 8px; border-radius:6px; }
.pd-library-state[data-state=error],.pd-library-state[data-state=forbidden],.pd-library-state[data-state=unavailable] { font-weight:700; }
.pd-library-date { display:block; font-size:13px; line-height:1.6; font-weight:400; margin:10px 0; overflow-wrap:anywhere; }
.pd-library-date[hidden] { display:none; }
.pd-library-progress { margin:12px 0; font-size:14px; }
.pd-main .pd-library-about { margin-top:14px; padding-bottom:0; }
.pd-library-about>summary { font-size:14px; }
.pd-library-about>p { font-size:14px; }
@media(max-width:600px) { .pd-library-entry { gap:4px 10px; padding:10px 12px; } .pd-library-step { grid-column:1/-1; } .pd-library-state { grid-column:1/-1; justify-self:start; } }
.pd-library-list [aria-pressed=true] { background:var(--pd-blue); color:#fff; }
.pd-status { background:#edf4db; border-left:4px solid #6b8926; padding:14px 17px; margin:10px 0 24px; font-size:15px; }
.pd-status-error { background:#fff1e9; border-color:#c94e1b; }
.pd-conversation { max-width:920px; padding-top:16px; }
.pd-role { display:inline-block; color:white; background:var(--pd-blue); font-size:12px; font-weight:700; border-radius:30px; padding:5px 12px; }
.pd-context-head { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:26px 0 14px; }
.pd-context-head h3 { margin:0; overflow-wrap:anywhere; }
.pd-version { color:var(--pd-blue); font-size:14px; border:1px solid #b7c8eb; padding:5px 10px; border-radius:30px; overflow-wrap:anywhere; }
.pd-excerpt { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; font-size:16px; margin:12px 0 18px; padding:16px 20px; border-left:3px solid #b6c7ee; background:#f6f8fc; }
.pd-current-excerpt { font-size:18px; border-color:var(--pd-blue); background:#f0f4fc; }
.pd-links { margin-top:20px; }
.pd-links p { font-size:14px; }
.pd-invitation { margin:24px 0; padding:22px; border:1px solid #b7c8eb; border-radius:12px; background:#f4f7fd; }
.pd-invitation h3 { margin:0 0 12px; }
.pd-invitation>p { font-size:15px; line-height:1.65; }
.pd-invitation .pd-actions { margin-bottom:0; }
.pd-main .pd-invitation-complete { padding:16px 0; border:0; border-top:1px solid var(--pd-line); border-bottom:1px solid var(--pd-line); border-radius:0; background:transparent; }
.pd-invitation-progress { display:inline-block; margin:0 0 10px; padding:5px 12px; border-radius:24px; color:#526e1b; background:#edf4db; font-weight:700; }
.pd-invitation-copy { margin:20px 0 0; }
.pd-invitation-copy textarea { min-height:300px; white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:600px) { .pd-invitation { padding:17px 14px; } .pd-invitation-copy textarea { min-height:360px; } }
.pd-history { margin-top:32px; }
.pd-history ol { padding:0; list-style:none; margin:0; }
.pd-event { padding:18px 0 18px 22px; margin-left:5px; border-left:2px solid #c9d3e8; position:relative; }
.pd-event::before { content:''; position:absolute; top:24px; left:-6px; width:10px; height:10px; background:var(--pd-blue); border:2px solid white; border-radius:50%; }
.pd-event-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; color:var(--pd-blue); font-size:13px; font-weight:700; margin-bottom:12px; }
.pd-event-meta time { font-weight:400; color:#58677e; }
.pd-event>p:not(.pd-event-meta) { white-space:pre-wrap; overflow-wrap:anywhere; margin:0; }
.pd-event-accept::before { background:#6b8926; }
.pd-event-accept .pd-event-meta { color:#526e1b; }
.pd-proposal { margin:24px 0; padding:22px; border:1px solid #a7bb76; background:#f7faef; border-radius:12px; }
.pd-proposal h3 { margin-bottom:12px; overflow-wrap:anywhere; }
.pd-proposal .pd-excerpt { background:white; border-color:#91aa54; }
.pd-accepted-result { margin:22px 0; padding:22px; border:1px solid #a7bb76; border-radius:12px; background:#f7faef; }
.pd-accepted-result h3 { margin-bottom:10px; }
.pd-accepted-result>p { font-size:14px; overflow-wrap:anywhere; }
.pd-accepted-result .pd-actions { margin-bottom:0; }
.pd-result-copy { margin:20px 0 0; }
.pd-result-copy textarea { min-height:220px; white-space:pre-wrap; }
.pd-reuse-confirm { margin-top:20px; padding-top:18px; border-top:1px solid #a7bb76; }
.pd-reuse-confirm h4 { margin:0 0 10px; font-size:17px; }
.pd-reuse-confirm .pd-button { margin:4px 8px 4px 0; }
.pd-incoming { max-width:920px; padding:24px 0; }
.pd-incoming h2,.pd-incoming h3,.pd-context-preview p { overflow-wrap:anywhere; }
.pd-incoming>p { max-width:760px; }
.pd-incoming>.pd-actions { margin-top:24px; }
.pd-handoff-comparison { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; margin:20px 0; }
.pd-context-preview { min-width:0; padding:16px; border:1px solid var(--pd-line); border-radius:10px; background:white; }
.pd-context-preview+.pd-context-preview { margin-top:12px; }
.pd-context-preview h4 { margin:0 0 10px; font-size:16px; }
.pd-context-preview p { font-size:14px; margin-bottom:8px; }
.pd-context-preview .pd-excerpt { margin-bottom:0; }
@media(max-width:600px) { .pd-handoff-comparison { grid-template-columns:minmax(0,1fr); gap:14px; } .pd-context-preview { padding:12px; } }
.pd-saved-links { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:18px; font-size:15px; line-height:1.5; }
.pd-local-work { max-width:920px; padding:20px 0; }
.pd-local-work h2,.pd-local-work h3 { overflow-wrap:anywhere; }
.pd-local-work>.pd-actions { align-items:center; margin-top:26px; }
.pd-local-work .pd-delete-confirm { margin-top:20px; }
.pd-update { padding:18px 20px; background:#edf3ff; border-left:4px solid var(--pd-blue); margin:22px 0; }
.pd-update p { margin-bottom:12px; }
.pd-message-form { margin:30px 0!important; padding-top:24px; border-top:1px solid var(--pd-line); }
.pd-notifications form,.pd-propose-form form { max-width:720px; margin-top:18px; }
.pd-notifications p { font-size:14px; }
.pd-bottom-actions { display:flex; flex-wrap:wrap; align-items:flex-start; gap:12px; margin-top:28px; border-top:1px solid var(--pd-line); padding-top:24px; }
.pd-main .pd-manage { width:100%; border:0; padding:6px 0; }
.pd-manage>summary { font-size:14px; }
.pd-manage>.pd-button { margin-top:14px; }
.pd-delete-confirm { flex-basis:100%; border:1px solid #cd9288; padding:18px; }
.pd-delete-confirm .pd-button { margin:4px 10px 4px 0; }
.pd-loading { display:flex; flex-wrap:wrap; gap:12px; padding:25px 0; }
.pd-loading p { flex-basis:100%; }
.pd-explanation { margin-top:64px; padding-top:40px; border-top:2px solid var(--pd-ink); display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.pd-example { padding:0; margin:0; list-style:none; counter-reset:steps; }
.pd-example li { position:relative; padding:0 0 22px 40px; counter-increment:steps; }
.pd-example li::before { content:counter(steps,decimal-leading-zero); position:absolute; left:0; top:0; color:var(--pd-blue); font-weight:750; }
.pd-example b { font-size:16px; }
.pd-example p { margin:7px 0 0; font-size:15px; }
.pd-limits { display:grid; grid-template-columns:1fr 1fr; gap:60px; border-top:1px solid var(--pd-line); margin-top:24px; padding-top:32px; }
.pd-limits p { font-size:14px; color:#47556b; }
.pd-main .seo-next,.pd-main .seo-proof { margin:32px 0 0; padding:28px 0 0; border-top:1px solid var(--pd-line); background:transparent; }
.pd-main .seo-next h2,.pd-main .seo-proof h2 { font-size:21px; }
.pd-related-links { display:grid; gap:12px; line-height:1.5; }
.pd-main .seo-proof p { font-size:14px; color:#47556b; }
.pd-help-list { margin-top:32px; }
.pd-help .pd-explanation,.pd-help .pd-limits { margin:0; border:0; padding:12px 0; gap:32px; }
.pd-help .pd-explanation h2,.pd-help .pd-limits h2 { font-size:22px; }
.pd-help .seo-next,.pd-help .seo-proof { margin:0; padding:16px 0 0; border:0; }
.pd-help .pd-editor-entry { margin-bottom:0; font-size:14px; }
@media(max-width:900px) { .pd-main { padding:22px 28px 64px; } .pd-hero { grid-template-columns:minmax(0,1fr) 180px; gap:28px; } .pd-hero-note { padding-left:20px; } .pd-hero-note b { font-size:18px; } .pd-mark { font-size:19px; } .pd-explanation,.pd-limits { gap:32px; } .pd-form-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:600px) { .pd-main { padding:18px 18px 52px; } .pd-breadcrumb { margin-bottom:27px; font-size:12px; } .pd-hero { padding-bottom:20px; } .pd-main h1 { font-size:29px; letter-spacing:-.055em; } .pd-main h1 br { display:none; } .pd-lead { font-size:17px; } .pd-hero-note { display:none; } .pd-main h2 { font-size:24px; } .pd-form-grid { grid-template-columns:1fr; gap:0; } .pd-explanation,.pd-limits { grid-template-columns:1fr; gap:16px; } .pd-explanation { margin-top:42px; padding-top:28px; } .pd-consent { padding:14px 12px; gap:9px; } .pd-button { padding:12px 14px; font-size:14px; } .pd-actions,.pd-bottom-actions { flex-direction:column; align-items:stretch; } .pd-actions .pd-button,.pd-bottom-actions>.pd-button { width:100%; } .pd-excerpt { padding:14px; } .pd-current-excerpt { font-size:16px; } .pd-proposal { padding:17px 14px; } .pd-event { padding-left:17px; } .pd-event-meta { display:block; } .pd-event-meta time { display:block; margin-top:3px; } .pd-tool { scroll-margin-top:90px; } }
@media(max-width:360px) { .pd-main { padding-left:14px; padding-right:14px; } .pd-main h1 { font-size:28px; } .pd-main h2 { font-size:22px; } .pd-main h3 { font-size:19px; } .pd-context-head { display:block; } .pd-version { display:inline-block; margin-top:10px; } }

@media(max-width:600px) { .pd-create .pd-form-grid { grid-template-columns:minmax(0,1fr) 90px; gap:0 12px; } .pd-create .pd-form-grid>.pd-field:first-child { grid-column:1/-1; } .pd-create .pd-form-grid>.pd-field:nth-child(n+2)>span { min-height:36px; } .pd-help .pd-explanation,.pd-help .pd-limits { grid-template-columns:minmax(0,1fr); gap:16px; } }