.tri-calculator{margin-bottom:2rem}.tri-tagline,.tri-muted{color:var(--color-text-secondary)}.tri-tagline{margin:0 0 1.5rem;font-size:1.125rem}.tri-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.tri-tabs button{border:1px solid var(--color-border);background:var(--color-card);min-width:90px;min-height:48px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:.6rem;flex:1;padding:.65rem .5rem}.tri-tabs button[aria-selected=true]{border-color:var(--color-primary);color:var(--color-primary-deep);background:var(--color-primary-light);font-weight:650}.tri-inputs,.tri-result,.tri-diagram,.tri-calculation,.tri-comparison,.tri-layout,.tri-history{min-width:0;padding:clamp(1rem,2.5vw,1.75rem)}.tri-result{background:linear-gradient(145deg,var(--color-primary-light),var(--color-card))}.tri-calculator h2{font-size:1.25rem}.tri-field{margin-top:1.1rem}.tri-calculator label{font-weight:600;display:block}.tri-input-pair{grid-template-columns:minmax(0,1fr) 90px;gap:.65rem;margin-top:.4rem;display:grid}.tri-calculator input,.tri-calculator select,.tri-calculator textarea{border:1px solid var(--color-control-border);width:100%;min-width:0;min-height:48px;font:inherit;background:var(--color-card);color:var(--color-text);border-radius:.5rem;padding:.65rem}.tri-calculator input::placeholder{font-size:.8rem}.tri-controls{grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0;display:grid}.tri-controls select{margin-top:.4rem}.tri-primary{color:var(--color-primary-deep);overflow-wrap:anywhere;margin:1rem 0;font-size:clamp(1.4rem,2.8vw,2rem);font-weight:750}.tri-details{gap:.8rem;display:grid}.tri-details div{border-bottom:1px solid var(--color-border);padding-bottom:.6rem}.tri-details dt{color:var(--color-text-secondary);font-size:.9rem}.tri-details dd{overflow-wrap:anywhere;margin:0;font-weight:600}.tri-actions{flex-wrap:wrap;gap:.65rem;margin:1rem 0;display:flex}.tri-reset{margin-top:1rem}.tri-error{color:#92400e}.tri-error:empty{margin:0}.tri-calculator button:disabled{opacity:.5;cursor:default}.tri-diagram,.tri-calculation,.tri-comparison,.tri-layout,.tri-history{margin-top:1.25rem}.tri-diagram svg{aspect-ratio:600/330;width:100%;height:auto;fill:var(--color-text);font-size:21px;display:block}.tri-svg-measure{fill:var(--color-primary-deep);font-size:18px;font-weight:650}.tri-diagram p{font-size:.9375rem}.tri-calculator summary{cursor:pointer;min-height:40px;color:var(--color-primary-deep)}.tri-math{overflow-wrap:anywhere;margin:.7rem 0;font-family:ui-monospace,monospace}.tri-history li{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.75rem 0;display:flex}.tri-history ol{padding:0;list-style:none}.tri-restore{border:1px solid var(--color-border);background:var(--color-primary-light);min-height:48px;color:var(--color-primary-deep);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;border-radius:.5rem;flex:1;min-width:0;padding:.65rem}.tri-history{min-height:180px}.tri-copy-status{min-height:1.65em}.tri-calculator textarea{min-height:200px}.tri-layout input,.tri-layout select{margin:.4rem 0 1rem}.tri-calculator :is(button,input,select,summary,textarea):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (max-width:390px){.tri-input-pair{grid-template-columns:minmax(0,1fr) 76px;gap:.5rem}.tri-tabs{gap:.35rem}.tri-tabs button{min-width:80px;font-size:.85rem}.tri-controls{gap:.65rem}.tri-calculation ol{padding-left:1.25rem}}@media (prefers-reduced-motion:reduce){.tri-calculator *{scroll-behavior:auto;transition:none}}@media (max-width:768px){.tri-diagram svg{font-size:30px}.tri-svg-measure{font-size:28px}}