.pt-guide{color:#292b23;max-width:1240px}.pt-guide .breadcrumb{font-size:14px}.pt-hero{background:#f1f3e9;border:1px solid #d9dec9;border-radius:16px;grid-template-columns:1.05fr 1fr;display:grid;overflow:hidden}.pt-hero-copy{padding:clamp(26px,4vw,50px)}.pt-eyebrow{font:11px var(--font-geist-mono),monospace;letter-spacing:.09em}.pt-hero h1{letter-spacing:-.065em;margin:32px 0 24px;font-size:clamp(44px,5.2vw,70px);font-weight:500;line-height:1}.pt-hero h1 em{color:#587035;font-style:normal}.pt-hero-copy>p{color:#58604e;max-width:410px;font-size:17px;line-height:1.75}.pt-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px;display:flex}.pt-actions a{align-items:center;gap:9px;min-height:44px;font-size:13px;display:inline-flex}.pt-button{color:#fff;background:#293623;border-radius:7px;padding:12px 18px}.pt-button:hover{background:#425631}.pt-hero-art{background:#e5ebd7;flex-direction:column;justify-content:center;margin:0;padding:30px;display:flex}.pt-hero-art img{mix-blend-mode:multiply;width:100%;height:auto;display:block}.pt-hero-art figcaption{font:9px var(--font-geist-mono),monospace;letter-spacing:.11em;color:#5b654e;text-align:center;padding-top:20px}.pt-intro{border-bottom:1px solid var(--border);align-items:center;gap:40px;padding:16px 0 26px;display:flex}.pt-intro p{color:#565b50;max-width:780px;margin:0;font-size:17px;line-height:1.85}.pt-intro>span{font:10px/2 var(--font-geist-mono),monospace;color:#65704f;flex-shrink:0}.pt-contents{flex-wrap:wrap;gap:0 26px;padding:15px 0;display:flex}.pt-contents a{color:#50653b;align-items:center;min-height:44px;font-size:13px;display:inline-flex}.pt-contents a:hover{text-decoration:underline}.pt-section{padding:36px 0 40px;scroll-margin-top:24px}.pt-section+.pt-section{border-top:1px solid var(--border)}.pt-section-heading{align-items:baseline;gap:18px;margin-bottom:22px;display:flex}.pt-section-heading>span{font:13px var(--font-geist-mono),monospace;color:#71815e}.pt-section h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,3vw,38px);line-height:1.15}.pt-section>p{color:#565b50;max-width:850px;margin:0 0 18px;font-size:17px;line-height:1.85}.pt-intro a,.pt-section>p a,.pt-sources a{color:#496433;text-underline-offset:3px;text-decoration:underline}.pt-guide kbd,.pt-section>p code{overflow-wrap:anywhere;background:#eef0e8;border-radius:4px;padding:3px 5px;font-size:.84em}.pt-screenshot{margin:28px 0}.pt-screenshot>a{background:#fff;border:1px solid #dce0d4;border-radius:10px;display:block;overflow:hidden}.pt-screenshot img{width:100%;height:auto;display:block}.pt-screenshot figcaption{color:#676f60;margin-top:12px;font-size:13px;line-height:1.7}.pt-table-wrap{border:1px solid #dce0d4;border-radius:10px;margin:27px 0;overflow:hidden}.pt-controls{border-collapse:collapse;text-align:left;width:100%;font-size:15px;line-height:1.65}.pt-controls caption{text-align:left;color:#36452c;background:#edf0e5;padding:18px 22px;font-weight:600}.pt-controls th,.pt-controls td{vertical-align:top;padding:15px 22px}.pt-controls thead{color:#626e54;font-size:12px}.pt-controls tbody tr{border-top:1px solid #e5e7df}.pt-controls tbody th{width:28%;font-weight:500}.pt-controls td{color:#616859}.pt-tip{color:#56604d;background:#f1f4e9;border-left:3px solid #8ea66b;border-radius:0 8px 8px 0;margin:28px 0;padding:22px 26px;font-size:15px;line-height:1.8}.pt-tip strong{color:#35462a;display:block}.pt-tip p{margin:7px 0 0}.pt-capture-grid{grid-template-columns:1fr 1fr;gap:26px;margin:28px 0;display:grid}.pt-capture-grid>div{border-top:1px solid #becaae;padding-top:20px}.pt-capture-grid span,.pt-why span{font:10px var(--font-geist-mono),monospace;letter-spacing:.06em;color:#6b7d57}.pt-capture-grid h3{margin:12px 0;font-size:18px}.pt-capture-grid p,.pt-why p{color:#626a59;margin:0;font-size:14px;line-height:1.8}.pt-example{border:1px solid #d8decf;border-radius:12px;margin:28px 0;overflow:hidden}.pt-example-toolbar{font:10px var(--font-geist-mono),monospace;letter-spacing:.04em;background:#edf0e7;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.pt-demo-label{color:#6b745e}.pt-example-toolbar [role=group]{gap:4px;display:flex}.pt-example-toolbar button{color:#4c5842;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:7px 12px;font:12px Arial,sans-serif;display:inline-flex}.pt-example-toolbar button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #28341814}.pt-preview-stage{background:repeating-linear-gradient(135deg,#e7eade 0 1px,#eff1e9 1px 10px);justify-content:center;padding:0;display:flex}.pt-preview-stage iframe{background:#f3f1e9;border:0;width:100%;height:600px;display:block}.pt-preview-mobile{padding:20px 12px}.pt-preview-mobile iframe{border-radius:12px;max-width:390px;height:720px;box-shadow:0 4px 24px #26331d1a}.pt-example-links{background:#fff;border-top:1px solid #d8decf;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 18px;display:flex}.pt-example-links a{color:#4d6637;align-items:center;gap:8px;min-height:44px;font-size:13px;display:inline-flex}.pt-why{grid-template-columns:repeat(3,1fr);gap:26px;margin:32px 0 38px;display:grid}.pt-why h3{margin:12px 0;font-size:17px;line-height:1.35}.pt-code-title{letter-spacing:-.025em;margin:0 0 18px;font-size:25px}.pt-section>.pt-small{font-size:14px}.pt-next{background:#e8eedc;border-radius:12px;justify-content:space-between;align-items:center;gap:30px;margin:40px 0;padding:32px;display:flex}.pt-next h2{letter-spacing:-.035em;margin:18px 0 0;font-size:28px;font-weight:500;line-height:1.2}.pt-next>a{align-items:center;gap:15px;min-height:44px;font-size:14px;display:inline-flex}.pt-sources{border-top:1px solid var(--border);padding-top:26px;scroll-margin-top:24px}.pt-sources h2{margin:0 0 15px;font-size:20px}.pt-sources p{color:#636a5c;max-width:900px;margin:0 0 14px;font-size:14px;line-height:1.85}.pt-guide :is(a,button,iframe):focus-visible{outline-offset:4px;outline:3px solid #63843f}@media (max-width:1100px){.pt-hero h1{font-size:52px}.pt-hero-copy{padding:30px}.pt-hero-art{padding:15px}.pt-intro{gap:22px}.pt-intro>span{font-size:9px}}@media (max-width:760px){.pt-hero{grid-template-columns:1fr}.pt-hero h1{font-size:54px}.pt-hero-art{padding:20px}.pt-hero-art img{align-self:center;max-width:340px}.pt-intro{display:block}.pt-intro>span{margin-top:20px;display:block}.pt-hero-copy>p{max-width:none}.pt-why{grid-template-columns:1fr;gap:22px}.pt-next{display:block}.pt-next>a{margin-top:20px}.pt-contents{gap:0 18px}.pt-section-heading{gap:12px}.pt-demo-label{display:none}}@media (max-width:500px){.pt-hero h1{font-size:47px}.pt-hero-copy{padding:26px}.pt-section>p,.pt-intro p{font-size:16px}.pt-controls{font-size:13px}.pt-controls th,.pt-controls td{padding:12px}.pt-controls tbody th{width:33%}.pt-capture-grid{grid-template-columns:1fr;gap:20px}.pt-example-toolbar{gap:8px;padding:10px}.pt-example-toolbar button{padding:7px 9px}.pt-preview-stage iframe{height:760px}.pt-tip{padding:19px}.pt-next{padding:26px}.pt-section-heading h2{font-size:28px}}