.page{padding-block:clamp(var(--spacing-4xl),6vw,88px) clamp(64px,8vw,112px)}.page__head{max-width:62ch;margin-bottom:clamp(var(--spacing-2xl),4vw,var(--spacing-5xl))}.page__head h1{margin-bottom:var(--spacing-lg)}.back{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-bottom:clamp(var(--spacing-xl),3vw,var(--spacing-2xl));font:var(--type-body-sm);color:var(--text-secondary);transition:color .2s}.back:hover{color:var(--text-primary)}.prose{max-width:72ch;font:var(--type-body-md);line-height:1.65;color:var(--text-primary)}.prose h2{font:var(--type-heading-sm);font-family:var(--sans);font-weight:var(--font-weight-bold);letter-spacing:var(--type-heading-md-ls);color:var(--text-primary);margin:clamp(var(--spacing-2xl),3.4vw,var(--spacing-4xl)) 0 var(--spacing-md)}.prose h2:first-child{margin-top:0}.prose p{margin-bottom:var(--spacing-md)}.prose p:last-child{margin-bottom:0}.prose a{color:var(--text-info);text-decoration:underline;text-underline-offset:3px}.prose .todo{display:inline-block;padding:1px var(--spacing-sm);margin-left:var(--spacing-xs);border:1px dashed var(--border-warning);border-radius:var(--radius-xs);background:var(--background-warning-subtle);font:var(--type-mono);color:var(--text-warning);vertical-align:middle}.formwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:clamp(var(--spacing-xl),5vw,64px);align-items:start}.formwrap aside{position:sticky;top:110px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.formwrap aside .sabadoji{width:min(210px,60%)}.formwrap aside .card{width:100%}@media(max-width:860px){.formwrap{grid-template-columns:1fr}.formwrap aside{position:static;order:-1}.formwrap aside .sabadoji{width:150px}}.field{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.field label{font:var(--type-label-md);color:var(--text-primary)}.field label .req{color:var(--text-brand)}.field label .opt{font:var(--type-label-sm);font-weight:var(--font-weight-regular);color:var(--text-tertiary)}.field .hint{font:var(--type-body-sm);color:var(--text-tertiary)}.field input{min-height:var(--control);padding:0 var(--spacing-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background:var(--background-default);transition:border-color .2s,box-shadow .2s}.field input:hover{border-color:var(--border-default)}.field input:focus{outline:none;border-color:var(--border-brand);box-shadow:0 0 0 3px var(--border-brand-subtle)}.field input[aria-invalid=true]{border-color:var(--border-danger);box-shadow:0 0 0 3px var(--border-danger-subtle)}.field .err{font:var(--type-body-sm);color:var(--text-danger);min-height:0}.row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:560px){.row2{grid-template-columns:1fr}}.choices{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-xs) 0 var(--spacing-xl)}.choice{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background:var(--background-default);cursor:pointer;transition:border-color .2s,background-color .2s,transform .2s var(--ease)}.choice:hover{border-color:var(--border-default);background:var(--background-subtle)}.choice input{appearance:none;width:18px;height:18px;flex:none;margin:0;border:1.5px solid var(--border-default);border-radius:50%;transition:border-color .2s,border-width .2s}.choice input:checked{border-color:var(--border-brand);border-width:6px}.choice:has(input:checked){border-color:var(--border-warning-subtle);background:var(--background-warning-subtle)}.choice input:focus-visible{outline:2px solid var(--accessibility-focus);outline-offset:var(--spacing-2xs)}.formnote{margin-top:var(--spacing-lg)}.done{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.mailto{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border:1px solid var(--border-warning-subtle);border-radius:var(--radius-md);background:var(--background-warning-subtle);font:var(--type-label-lg);color:var(--text-warning);transition:transform .22s var(--ease),box-shadow .22s}.mailto:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.talking-page,.talking-page body{overflow:hidden}.talking-page #main{max-width:none;padding-block:0;padding-inline:0}.talking-page .back,.talking-page .foot,.talking-page .formwrap aside{display:none}.talking-page .formwrap{display:block}.talking-page .ground{-webkit-mask-image:radial-gradient(120vw at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(120vw at 50% 40%,#000,transparent 75%)}@media(min-width:960px){.talking-page .ground{-webkit-mask-image:radial-gradient(48vw at 25% 50%,#000,transparent 74%);mask-image:radial-gradient(48vw at 25% 50%,#000,transparent 74%)}}.talk{height:calc(100dvh - var(--topbar));display:grid;align-content:center;gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"say" "fig" "dock";padding:var(--spacing-lg) var(--gutter) calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px))}.talk__say{grid-area:say;justify-self:center;width:min(336px,100%);position:relative}.talk__fig{grid-area:fig;justify-self:center;width:min(58vw,30vh)}.talk__dock{grid-area:dock;justify-self:center;width:min(440px,100%);min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:var(--spacing-md);align-content:end}@media(min-width:960px){.talk{grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"say dock" "fig dock";column-gap:0;align-content:center}.talk__say{align-self:end;margin-bottom:var(--spacing-lg)}.talk__fig{align-self:start;width:min(32vw,46vh)}.talk__dock{align-self:center;align-content:center;grid-template-rows:auto auto auto}}.talk__say{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--background-default);padding:var(--spacing-md) var(--spacing-lg)}.talk__say:after{content:"";position:absolute;left:50%;bottom:calc(var(--spacing-sm)*-1 - 1px);width:var(--spacing-lg);height:var(--spacing-lg);margin-left:calc(var(--spacing-sm)*-1);background:var(--background-default);border:solid var(--border-subtle);border-width:0 1px 1px 0;border-bottom-right-radius:var(--radius-xs);transform:rotate(45deg)}.talk__msg{font:var(--type-body-lg);font-weight:var(--font-weight-medium);letter-spacing:-.01em;color:var(--text-primary);margin:0;text-wrap:pretty;min-height:var(--line-height-lg)}.talk__fields{display:grid;gap:var(--spacing-md);min-height:0;overflow-y:auto;scrollbar-width:thin;padding:var(--spacing-2xs);margin:calc(var(--spacing-2xs)*-1);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--spacing-xl)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--spacing-xl)),transparent)}.talk__fields .field,.talk__fields .row2>*{min-width:0}.talk__fields .field input{width:100%;min-width:0}.talk__fields .field{margin-bottom:0;gap:var(--spacing-2xs)}.talk__fields .field label{font:var(--type-label-sm);color:var(--text-tertiary)}.talk__fields .field input{border-color:transparent;box-shadow:inset 0 0 0 1px var(--border-subtle)}.talk__fields .field input:hover{box-shadow:inset 0 0 0 1px var(--border-default)}.talk__fields .field input:focus{border-color:transparent;box-shadow:inset 0 0 0 1px var(--border-brand),0 0 0 3px var(--border-brand-subtle)}.talk__fields .field input[aria-invalid=true]{border-color:transparent;box-shadow:inset 0 0 0 1px var(--border-danger),0 0 0 3px var(--border-danger-subtle)}.talk__fields fieldset{margin:0}.talk__fields .choices{flex-direction:row;flex-wrap:wrap;margin:0;gap:var(--spacing-sm)}.talk__fields .choice{flex:0 1 auto;padding:var(--spacing-sm) var(--spacing-md);font:var(--type-label-md)}.talk__fields .row2{gap:var(--spacing-md)}.talk__acts{display:flex}.talk__acts .btn{flex:1;min-height:var(--control)}.talking>.formnote{margin-top:0}.done .signoff{font:var(--type-label-md);color:var(--text-tertiary);letter-spacing:.04em}
