.petraos-gate-demo{--gate-ink:var(--color-ink);--gate-paper:var(--color-paper);--gate-signal:var(--color-gold);border-block:1px solid var(--color-rule-on-paper);color:var(--gate-ink);background:var(--gate-paper);font-family:var(--font-sans);margin-block:4rem;padding-block:2rem}.petraos-gate-demo h2{letter-spacing:-.025em;text-wrap:balance;max-width:25ch;margin:0 0 1.25rem;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.14}.petraos-gate-demo p{margin:0}.petraos-gate-demo .petraos-gate-disclosure{max-width:70ch;color:var(--color-muted-on-paper);margin-bottom:1rem;font-size:.875rem;line-height:1.6}.petraos-gate-demo .petraos-gate-explanation{max-width:65ch;font-size:1rem;line-height:1.65}.petraos-gate-transition{margin-block:1.8rem}.petraos-gate-transition>span{margin-bottom:.6rem;font-size:.875rem;display:block}.petraos-gate-transition p{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.petraos-gate-transition code{font-family:var(--font-mono);font-size:clamp(.82rem,2.4vw,1rem)}.petraos-gate-transition svg{flex:0 0 36px}.petraos-gate-demo form{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.petraos-gate-field{flex:15rem;min-width:0;max-width:22rem}.petraos-gate-field label{margin-bottom:.5rem;font-size:.875rem;display:block}.petraos-gate-field select{border:1px solid var(--color-ink);width:100%;min-height:48px;color:var(--gate-ink);background:var(--gate-paper);font:inherit;cursor:pointer;border-radius:0;padding:.7rem .8rem;font-size:1rem;display:block}.petraos-gate-demo button{border:1px solid var(--gate-ink);min-height:48px;color:var(--gate-paper);background:var(--gate-ink);font:inherit;cursor:pointer;border-radius:0;padding:.75rem 1.15rem;font-size:.95rem;font-weight:500}.petraos-gate-demo button:active{background:var(--color-ink-raised)}.petraos-gate-demo ::selection{background:var(--gate-signal);color:var(--gate-ink)}.petraos-gate-decision{border-top:1px solid var(--color-rule-on-paper);min-height:7rem;margin-top:1.5rem;padding-block:1rem;font-size:1rem;line-height:1.65}.petraos-gate-decision p{max-width:65ch}.petraos-gate-decision strong{font-weight:600}.petraos-gate-decision[data-decision=allowed] strong{background:var(--gate-signal);padding-inline:.2em}.petraos-gate-demo .petraos-gate-rule,.petraos-gate-demo .petraos-gate-reset{max-width:70ch;color:var(--color-muted-on-paper);font-size:.8125rem;line-height:1.6}.petraos-gate-demo .petraos-gate-reset{margin-top:.5rem}@media (hover:hover) and (pointer:fine){.petraos-gate-demo button:hover{background:var(--gate-signal);color:var(--gate-ink)}}@media (max-width:480px){.petraos-gate-demo form{display:block}.petraos-gate-field{max-width:none}.petraos-gate-demo button{width:100%;margin-top:1rem}.petraos-gate-decision{min-height:10.5rem}}
.petra-walkthrough{margin-top:88px;scroll-margin-top:16px}.petra-walkthrough-heading{grid-template-columns:1fr 1fr;align-items:end;gap:64px;display:grid}.petra-walkthrough-heading h2{max-width:20ch;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15}.petra-walkthrough-heading p{max-width:56ch;font-size:17px;line-height:1.65}.petra-walkthrough-disclosure{max-width:90ch;margin-top:24px;font-size:14px;line-height:1.65}.petra-walkthrough-nav{margin:32px 0 28px}.petra-walkthrough-nav ol{border-bottom:1px solid var(--color-rule-on-paper);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.petra-walkthrough button{font:inherit;color:inherit;cursor:pointer;min-height:48px}.petra-walkthrough-nav button{text-align:left;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:12px;width:100%;height:100%;padding:16px 12px;font-size:14px;display:flex}.petra-walkthrough-nav button span{font-family:var(--font-mono);font-size:13px}.petra-walkthrough-nav button[aria-current=step]{border-bottom-color:var(--color-ink);background:var(--color-paper-soft)}.petra-walkthrough-layout{grid-template-columns:minmax(0,2.5fr) minmax(220px,1fr);align-items:start;gap:40px;scroll-margin-top:16px;display:grid}.petra-product-record{border:1px solid var(--color-rule-on-paper);background:var(--color-paper);min-width:0;font-family:var(--font-sans);margin:0}.petra-product-record figcaption{background:var(--color-ink);color:var(--color-paper);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.petra-product-record figcaption strong{font-size:17px;font-weight:500}.petra-product-record figcaption span{text-align:right;font-size:13px;line-height:1.5}.petra-record-header{border-bottom:1px solid var(--color-rule-on-paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 24px;display:flex}.petra-record-id{font:13px var(--font-mono)}.petra-record-header h3{font-family:var(--font-sans);margin-top:8px;font-size:24px;line-height:1.2}.petra-record-stage{gap:8px;font-size:13px;display:grid}.petra-product-record code{font:13px var(--font-mono);overflow-wrap:anywhere}.petra-record-stage code{background:var(--color-paper-soft);padding:6px 10px}.petra-record-body{grid-template-columns:minmax(190px,.85fr) minmax(0,1.4fr);min-height:460px;display:grid}.petra-record-context{border-right:1px solid var(--color-rule-on-paper);padding:24px}.petra-record-context dl{gap:20px;margin:0;display:grid}.petra-record-context dt,.petra-record-next>span{font-size:13px;line-height:1.5}.petra-record-context dd{margin:6px 0 0;font-size:14px;line-height:1.5}.petra-record-kyc{gap:6px;display:grid}.petra-record-kyc code{background:var(--color-paper-soft);width:fit-content;padding:4px 6px}.petra-record-kyc[data-approved=true] code{background:var(--color-gold)}.petra-record-next{border-top:1px solid var(--color-rule-on-paper);margin-top:24px;padding-top:20px}.petra-record-next p{margin-top:8px;font-size:17px;line-height:1.4}.petra-record-activity{min-width:0;padding:24px}.petra-record-activity h4,.petra-record-events h5{font-family:var(--font-sans);font-size:14px;font-weight:600;line-height:1.5}.petra-record-note{margin-top:6px;font-size:13px;line-height:1.5}.petra-record-result{border:1px solid var(--color-ink);margin-top:20px;padding:16px;font-size:14px;line-height:1.55}.petra-record-result strong{font-weight:600}.petra-record-result p{margin-top:6px}.petra-record-result[data-allowed=true]{background:var(--color-paper-soft)}.petra-record-events{gap:24px;margin:24px 0 0;padding:0;list-style:none;display:grid}.petra-record-events li{border-top:1px solid var(--color-rule-on-paper);padding-top:16px}.petra-record-events p{margin-top:8px;font-size:13px;line-height:1.6}.petra-record-document{align-items:flex-start;gap:12px;margin-top:16px;display:flex}.petra-record-document svg{flex-shrink:0}.petra-record-document span{overflow-wrap:anywhere;font-size:13px;display:block}.petra-record-document small{margin-top:4px;font-size:13px;line-height:1.5;display:block}.petra-record-change{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.petra-record-boundary{border-top:1px solid var(--color-rule-on-paper);padding:16px 24px;font-size:13px;line-height:1.6}.petra-walkthrough-caption h3{font-family:var(--font-sans);text-wrap:balance;font-size:24px;line-height:1.2}.petra-walkthrough-caption>p{margin-top:20px;font-size:17px;line-height:1.65}.petra-walkthrough-decision{border-top:1px solid var(--color-rule-on-paper);margin-top:28px;padding-top:20px}.petra-walkthrough-decision h4{font-family:var(--font-sans);font-size:14px;font-weight:600;line-height:1.5}.petra-walkthrough-decision p{margin-top:10px;font-size:14px;line-height:1.65}.petra-walkthrough-caption>a{border-bottom:1px solid;align-items:center;gap:16px;margin-top:24px;padding:12px 0;font-size:14px;line-height:1.5;display:inline-flex}.petra-walkthrough-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.petra-walkthrough-controls>p{font-size:14px;line-height:1.65}.petra-walkthrough-controls>div{gap:12px;display:flex}.petra-walkthrough-controls button{border:1px solid var(--color-rule-on-paper);background:0 0;justify-content:center;align-items:center;gap:16px;padding:12px 16px;font-size:14px;display:inline-flex}.petra-walkthrough-controls button:last-child{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.petra-walkthrough-controls button:disabled{opacity:.45;cursor:default}.petra-walkthrough-source{text-underline-offset:5px;margin-top:12px;padding:12px 0;font-size:14px;text-decoration:underline;display:inline-block}.petra-walkthrough ::selection{background:var(--color-gold);color:var(--color-ink)}@media (hover:hover) and (pointer:fine){.petra-walkthrough-nav button:hover{background:var(--color-paper-soft)}.petra-walkthrough-controls button:not(:disabled):hover{background:var(--color-gold);color:var(--color-ink)}}@media (max-width:1000px){.petra-walkthrough-layout{grid-template-columns:minmax(0,1fr);gap:32px}.petra-walkthrough-caption{max-width:70ch}}@media (max-width:640px){.petra-walkthrough{margin-top:56px}.petra-walkthrough-heading{grid-template-columns:1fr;gap:20px}.petra-walkthrough-nav ol{grid-template-columns:1fr}.petra-walkthrough-nav button{padding:12px}.petra-product-record figcaption{align-items:flex-start;padding:16px}.petra-record-header,.petra-record-context,.petra-record-activity{padding:20px 16px}.petra-record-body{grid-template-columns:1fr;min-height:0}.petra-record-context{border-right:0;border-bottom:1px solid var(--color-rule-on-paper)}.petra-record-context dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.petra-record-boundary{padding:16px}.petra-walkthrough-controls{align-items:stretch}.petra-walkthrough-controls>div{width:100%}.petra-walkthrough-controls button{flex:1}}
.petra-case{max-width:80rem;margin:auto;padding:64px 40px 96px}.petra-case-intro{max-width:68ch;font-size:18px;line-height:1.7}.petra-case-footer>a{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:24px;min-height:44px;padding:12px 0;display:inline-flex}.petra-system{background:var(--color-ink);color:var(--color-paper);margin-top:88px;padding:44px}.petra-system>div{grid-template-columns:1fr 1fr;gap:56px;display:grid}.petra-system h2{max-width:18ch;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.15}.petra-system>div>p{max-width:52ch;line-height:1.7}.petra-system-flow{grid-template-columns:repeat(4,1fr);margin:44px 0 0;padding:0;list-style:none;display:grid}.petra-system-flow li{border-top:1px solid var(--color-muted-on-ink);padding:24px 24px 0 0;position:relative}.petra-system-flow li:before{content:"";background:var(--color-gold);border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:0}.petra-system-flow h3{font-family:var(--font-sans);font-size:19px}.petra-system-flow p{margin-top:12px;font-size:14px;line-height:1.65}.petra-system-note{max-width:85ch;margin-top:32px;font-size:13px;line-height:1.65}.petra-case-body{grid-template-columns:190px minmax(0,1fr);gap:64px;margin-top:88px;display:grid}.petra-case-index{top:calc(var(--nav-height) + 2rem);align-self:start;gap:5px;display:grid;position:sticky}.petra-case-index a{text-decoration:underline;-webkit-text-decoration-color:var(--color-rule-on-paper);text-decoration-color:var(--color-rule-on-paper);text-underline-offset:6px;padding:10px 0;font-size:14px}.petra-case-prose{min-width:0;max-width:70ch}.petra-case-prose h2{margin:64px 0 24px;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15}.petra-case-prose h2:first-child{margin-top:0}.petra-case-prose h3{font-family:var(--font-sans);margin:32px 0 16px;font-size:1.25rem;font-weight:500}.petra-case-prose p,.petra-case-prose li{font-size:17px;line-height:1.8}.petra-case-prose p{margin-top:20px}.petra-case-prose ul,.petra-case-prose ol{margin:24px 0;padding-left:22px}.petra-case-prose ul{list-style:outside}.petra-case-prose ol{list-style:decimal}.petra-case-prose li+li{margin-top:12px}.petra-case-prose strong{font-weight:600}.petra-case-prose a{text-underline-offset:4px;text-decoration:underline}.petra-case-prose code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.82em}.petra-case-demo{margin-top:80px}.petra-evidence-sources{border-top:1px solid var(--color-rule-on-paper);max-width:75ch;margin-top:64px;padding-top:40px}.petra-evidence-sources h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15}.petra-evidence-sources p,.petra-evidence-sources li{font-size:14px;line-height:1.8}.petra-evidence-sources p{margin-top:20px}.petra-evidence-sources ul{margin-top:20px;padding-left:20px;list-style:outside}.petra-evidence-sources li+li{margin-top:8px}.petra-case-footer{border-top:1px solid var(--color-rule-on-paper);grid-template-columns:1.6fr 1fr;align-items:start;gap:64px;margin-top:80px;padding-top:48px;display:grid}.petra-case-footer h2{font-size:2.4rem;line-height:1.15}.petra-case-footer p{max-width:60ch;margin-top:20px;line-height:1.7}@media (hover:hover) and (pointer:fine){.petra-case a:hover{text-underline-offset:6px;text-decoration:underline}}@media (max-width:900px){.petra-case-body{grid-template-columns:1fr;gap:32px}.petra-case-index{border-bottom:1px solid var(--color-rule-on-paper);flex-wrap:wrap;gap:4px 24px;padding-bottom:24px;display:flex;position:static}}@media (max-width:640px){.petra-case{padding:48px 24px 64px}.petra-case-intro{font-size:16px}.petra-system{margin:56px -24px 0;padding:40px 24px}.petra-system>div,.petra-case-footer{grid-template-columns:1fr;gap:24px}.petra-system-flow{grid-template-columns:1fr 1fr;gap:32px 0}.petra-case-body{margin-top:56px}.petra-case-footer h2{font-size:2rem}}
.groma-example{margin-top:88px}.groma-example-heading{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.groma-example-heading h2{max-width:22ch;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15}.groma-example-heading>p{max-width:54ch;font-size:17px;line-height:1.65}.groma-disclosure{max-width:90ch;margin-top:24px;font-size:14px;line-height:1.65}.groma-example-controls{border-block:1px solid var(--color-rule-on-paper);grid-template-columns:minmax(150px,.7fr) minmax(220px,1fr) 1.5fr;align-items:end;gap:24px;margin-top:32px;padding:24px 0;display:grid}.groma-example-controls label{margin-bottom:10px;font-size:14px;display:block}.groma-example-controls select{border:1px solid var(--color-ink);width:100%;min-height:48px;color:var(--color-ink);background:var(--color-paper);font:inherit;cursor:pointer;border-radius:0;padding:10px 32px 10px 12px}.groma-example-controls>p{font-size:13px;line-height:1.65}.groma-example-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:40px;margin-top:32px;display:grid}.groma-plan{border:1px solid var(--color-rule-on-paper);margin:0}.groma-plan figcaption{background:var(--color-ink);color:var(--color-paper);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.groma-plan figcaption strong{font:13px var(--font-mono)}.groma-plan figcaption span{text-align:right;font-size:13px;line-height:1.5}.groma-plan svg{width:100%;height:auto;color:var(--color-ink);display:block}.groma-plan svg text{fill:currentColor;font-family:var(--font-sans);font-size:18px}.groma-plan svg .groma-plan-small{font-size:15px}.groma-plan-room{fill:var(--color-paper-soft);stroke:currentColor;stroke-width:3px}.groma-plan-wall{fill:none;stroke:currentColor;stroke-width:10px}.groma-plan-highlight{fill:none;stroke:var(--color-gold);stroke-width:4px}.groma-plan-bridge{fill:none;stroke:currentColor;stroke-width:2px;stroke-dasharray:6 5}.groma-plan-dimension{fill:none;stroke:currentColor;stroke-width:1px}.groma-plan>p{border-top:1px solid var(--color-rule-on-paper);padding:16px 20px;font-size:14px;line-height:1.65}.groma-ledger{min-width:0}.groma-ledger h3{font-family:var(--font-sans);font-size:24px;line-height:1.2}.groma-source-ref{font:13px/1.6 var(--font-mono);overflow-wrap:anywhere;margin-top:12px}.groma-basis{margin-top:24px}.groma-basis>div{border-top:1px solid var(--color-rule-on-paper);justify-content:space-between;align-items:baseline;gap:20px;padding:12px 0;font-size:14px;line-height:1.5;display:flex}.groma-basis dd{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0}.groma-quantity-table{border-collapse:collapse;width:100%;margin-top:20px;font-size:14px}.groma-quantity-table caption{text-align:left;padding-bottom:16px;line-height:1.6}.groma-quantity-table :is(th,td){border-top:1px solid var(--color-rule-on-paper);text-align:left;padding:12px 8px;font-weight:400;line-height:1.5}.groma-quantity-table thead th{font-weight:600}.groma-quantity-table :is(th,td):first-child{padding-left:0}.groma-quantity-table :is(th,td):last-child{text-align:right;font-variant-numeric:tabular-nums;padding-right:0}.groma-quantity-table tfoot :is(th,td){border-top-color:var(--color-ink);font-weight:600}.groma-example-result{border-top:1px solid var(--color-rule-on-paper);margin-top:24px;padding-top:20px;font-size:14px;line-height:1.65}.groma-ledger>a{border-bottom:1px solid;align-items:center;gap:16px;min-height:48px;margin-top:12px;padding:12px 0;font-size:14px;line-height:1.5;display:inline-flex}.groma-example-limit{max-width:100ch;margin-top:28px;font-size:13px;line-height:1.65}.groma-qa{border-top:1px solid var(--color-rule-on-paper);margin-top:64px;padding-top:24px}.groma-qa summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:17px}.groma-qa figure{margin-top:24px}.groma-qa img{width:100%;height:auto}.groma-qa figcaption{max-width:85ch;margin-top:16px;font-size:14px;line-height:1.65}.groma-project-link{border-bottom:1px solid;align-items:center;gap:16px;min-height:48px;margin-top:16px;padding:12px 0;display:inline-flex}.groma-case ::selection{background:var(--color-gold);color:var(--color-ink)}@media (max-width:900px){.groma-example-grid{grid-template-columns:1fr}.groma-example-controls{grid-template-columns:1fr 1fr}.groma-example-controls>p{grid-column:1/-1}}@media (max-width:640px){.groma-example{margin-top:56px}.groma-example-heading,.groma-example-controls{grid-template-columns:1fr;gap:20px}.groma-plan figcaption,.groma-plan>p{padding:16px}.groma-plan svg text{font-size:26px}.groma-plan svg .groma-plan-small{font-size:23px}.groma-quantity-table{font-size:13px}}