*{box-sizing:border-box}html{min-height:100%;overflow-y:auto}body,#root{min-height:100%}main{width:min(960px,100% - 32px);padding-block:24px max(64px, env(safe-area-inset-bottom));gap:16px;margin-inline:auto;display:grid}header,.about nav,.wallet,.capability-heading,.metadata,.summary{gap:16px;display:flex}.about{border-block:1px solid;padding-block:16px}.about h2{margin-top:0}.about nav{flex-wrap:wrap}.metadata>div,.summary>div{border:1px solid;gap:4px;padding:8px;display:grid}.metadata{flex-wrap:wrap}.summary>div{flex:1}.metadata dd{margin:0}header,.capability-heading{justify-content:space-between;align-items:flex-start}.wallet{align-items:center}.target-form,.policy-panel,.capabilities,.capability-card,label{gap:12px;display:grid}.target-form{grid-template-columns:100px 1fr 1.3fr auto;align-items:end}.policy-panel,.capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.capabilities{align-items:start}.policy-panel>div,.policy-panel .notice,.policy-panel .error{grid-column:1/-1}.capability-card,.result{min-width:0}.capability-card{border:1px solid;align-content:start;align-self:start;padding:16px}.examples{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border:1px solid;padding:8px}input,textarea{width:100%;min-width:0}p,code,dd{overflow-wrap:anywhere}pre{max-width:100%;overflow:auto}@media (width<=760px){header,.metadata,.target-form,.policy-panel,.capabilities{grid-template-columns:1fr;display:grid}.target-form button,.policy-panel>*{grid-column:1}}