.pb-page{padding-block:28px 36px}
.pb-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.pb-heading h1{font-size:32px;letter-spacing:-1px;margin-top:10px}
.pb-back{font-size:13px;color:var(--muted)}
.pb-theme{min-height:44px;font-size:13px;padding:8px 0 8px 12px}
.pb-intro{font-size:14px;color:var(--muted);margin-top:14px}
.pb-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px;padding-top:23px;border-top:1px solid var(--line)}
.pb-option header{display:flex;gap:12px;align-items:baseline;margin-bottom:20px}
.pb-number{font:12px monospace;color:var(--muted)}
.pb-option h2{font-size:21px;letter-spacing:-.5px}
.pb-board{width:100%;height:auto;display:block;overflow:visible}
.pb-option p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:18px;max-width:32ch;min-height:42px}
.pb-preview-link{display:inline-flex;min-height:44px;align-items:center;font-size:13px;font-weight:600;margin-top:3px}
.pb-footnote{font-size:12px;line-height:1.5;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}
.pb-grid{font-family:Arial,Helvetica,sans-serif}
.pb-grid text{text-anchor:middle;fill:currentColor}
.pb-grid .tile-art{color:#20383e}
.pb-events{--face:#eea18a;--bright:#f18d79;--detail:#f4cb67}
.pb-demos{--face:#efcf78;--bright:#ffcb52;--detail:#ea917c}
.pb-github{--face:#9bc6d8;--bright:#70bddc;--detail:#d45e3e}
.pb-linkedin{--face:#c4b3dc;--bright:#afa0de;--detail:#f6ce76}
.pb-work{--face:#acd2b6;--bright:#8bc8a3;--detail:#efc176}
.pb-email{--face:#f3bf92;--bright:#f1ab70;--detail:#94c4d4}
.pb-qd{--face:#376359;--bright:#376359;color:#fff!important}
.pb-paper{fill:#fff;stroke:#29434a;stroke-width:1.35}
.pb-face{fill:var(--face);stroke:none}
.pb-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pb-caption{font-size:9.5px;font-weight:700;letter-spacing:-.1px}
.pb-linkedin .pb-caption{font-size:9px}
.pb-monogram{font-size:26px;font-weight:700;font-family:"Trebuchet MS",Arial,sans-serif;letter-spacing:-1.2px}
.pb-block .pb-paper{fill:#20383e;stroke:#20383e;stroke-width:1.6}
.pb-block .pb-face{fill:var(--bright)}
.pb-block .pb-icon{stroke-width:2.5}
.pb-block .pb-label-panel{fill:#fff;fill-opacity:.42}
.pb-block .pb-caption{font-weight:800}
.pb-block .pb-qd .pb-face{stroke:#a2c7b9;stroke-width:1}
.pb-type .pb-paper{stroke:#29434a;stroke-width:.9}
.pb-type .pb-icon{stroke-width:1.5}
.pb-type .pb-caption{font-weight:700}
.pb-focus{fill:none;stroke:transparent;stroke-width:2;pointer-events:none}
.pb-grid .studio-sticker:focus-visible{outline:none}
.pb-grid .studio-sticker:focus-visible .pb-focus{stroke:#e05b36;stroke-width:3}
.pb-grid .studio-sticker:hover .pb-paper{stroke:#183b33;stroke-width:2}
[data-theme="dark"] .pb-grid .studio-sticker:focus-visible .pb-focus{stroke:#f5c34b}
.pb-preview-controls{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:10px 0;font-size:12px;border-bottom:1px solid var(--line)}
.pb-preview-controls span{font-weight:700;margin-right:auto}
.pb-preview-controls a{padding-block:8px}
.pb-preview-controls a[aria-current="true"]{color:var(--teal);font-weight:700}
@media(max-width:850px){.pb-options{gap:20px}.pb-option h2{font-size:19px}.pb-caption{font-size:9.5px}}
@media(max-width:680px){.pb-page{padding-block:23px}.pb-heading h1{font-size:28px}.pb-options{grid-template-columns:1fr;gap:28px;margin-top:23px}.pb-option{max-width:420px;width:100%;margin-inline:auto;padding-bottom:20px;border-bottom:1px solid var(--line)}.pb-option:last-child{border:0;padding-bottom:0}.pb-option header{margin-bottom:12px}.pb-option p{min-height:0;max-width:100%;margin-top:10px}.pb-footnote{margin-top:16px}.pb-preview-controls{gap:12px}.pb-preview-controls span{flex-basis:100%}}