@import url('style.css');
.ring-hero{padding-block:48px 28px}.ring-hero h1{max-width:820px;font-size:clamp(2.6rem,5.6vw,4.5rem);margin:0 0 20px}.ring-hero .lead{max-width:760px}.ring-scope{background:#eae2e9;border-left:3px solid #875c72;padding:16px 20px;margin-block:0 30px;font-size:.9rem}.ring-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,370px);gap:28px;align-items:start}.ring-layout .card{margin:0 0 22px}.ring-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ring-fields .field{min-width:0}.ring-fields input,.ring-fields select{width:100%;min-height:46px;box-sizing:border-box}.ring-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0}.ring-summary{background:#47364c;color:#fff;padding:28px;border-radius:8px;position:sticky;top:20px}.ring-summary h2{color:#fff;margin-top:0;font-size:1.35rem}.ring-number{font-size:3.4rem;font-weight:700;line-height:1.15;margin:20px 0 5px}.ring-summary dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff35;padding:10px 0}.ring-summary dt{font-size:.85rem}.ring-summary dd{margin:0;text-align:right;font-weight:700}.ring-summary .button{background:#fff;color:#47364c;border-color:#fff}.ring-summary p{font-size:.85rem;line-height:1.65}.ring-layout fieldset{border:0;padding:0;margin:0;min-width:0}.ring-layout legend{font-weight:700;margin-bottom:14px}.ring-error{background:#fbe8e5;color:#812b24;padding:15px;border-left:3px solid #a43d31;margin:0 0 20px}.ring-example{background:#fff0ce;color:#47364c;padding:13px 16px;margin-bottom:20px;font-size:.87rem}.ring-diagram{margin-top:30px}.ring-diagram svg{display:block;width:100%;height:auto;min-height:160px}.ring-diagram figcaption{font-size:.83rem;color:#695f68}.ring-table-wrap{overflow-x:auto}.ring-table-wrap table{border-collapse:collapse;width:100%;font-size:.87rem}.ring-table-wrap th,.ring-table-wrap td{text-align:left;padding:11px;border-bottom:1px solid #d8cdd4}.ring-table-wrap tr:nth-child(even){background:#f6f0f4}.ring-table-wrap th{background:#eee4ed}.ring-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-block:35px}.ring-guide-grid h2{font-size:1.15rem}.ring-guide-grid p{font-size:.88rem}.ring-share-field{width:100%;box-sizing:border-box;background:#fff;padding:12px;color:#47364c;border:1px solid #d8cdd4;margin-top:10px}.ring-print-intro{display:none}.ring-footer{margin-top:38px}.ring-live-note{min-height:1.5em;font-size:.85rem}.ring-hint{font-size:.82rem;color:#695f68;margin:8px 0 0}.ring-layout input:focus-visible,.ring-layout select:focus-visible,.ring-tools button:focus-visible{outline:3px solid #b66045;outline-offset:3px}#ring-output [hidden]{display:none!important}@media(max-width:780px){.ring-layout{grid-template-columns:1fr}.ring-summary{position:static}.ring-fields{grid-template-columns:1fr}.ring-guide-grid{grid-template-columns:1fr;gap:10px}.ring-hero{padding-top:32px}.ring-summary{padding:24px}.header nav{flex-wrap:wrap}.ring-diagram svg{min-height:0}}@media print{.header,.ring-hero,.ring-scope,#ring-form,.ring-summary button,.ring-summary .ring-share-field,.ring-live-note,.ring-guide-grid,.footer,.cf-related{display:none!important}.ring-layout{display:block}.ring-print-intro{display:block}.ring-summary{position:static;background:white;color:black;border:1px solid #aaa}.ring-summary h2{color:black}.ring-summary dl div{border-color:#aaa}.ring-diagram{break-inside:avoid}.ring-table-wrap{overflow:visible}.ring-table-wrap thead{display:table-header-group}.ring-table-wrap tr{break-inside:avoid}.ring-number{font-size:2.5rem}.ring-table-wrap th{background:none}.wrap{width:100%}}
