#yarn-requirement .yarn-length-toggle-wrap{margin-bottom:16px}#yarn-requirement .yarn-units-toggle{display:flex;flex-wrap:wrap;gap:8px}#yarn-requirement .yarn-unit-btn{min-height:44px;padding:10px 18px;border:1px solid var(--border, #ddd);background:var(--surface, #ffffff);border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;transition:background .15s ease,border-color .15s ease,color .15s ease}#yarn-requirement .yarn-unit-btn:hover{background:var(--tab-bg, #fbfbf9)}#yarn-requirement .yarn-unit-btn.active{background:var(--kbm-green, #52682d);color:#fff;border-color:var(--kbm-green, #52682d)}#yarn-requirement .yarn-field-stack{display:flex;flex-direction:column;width:100%}#yarn-requirement .yarn-field{margin-bottom:16px;width:100%;max-width:none}#yarn-requirement .yarn-field-stack .yarn-field:last-child{margin-bottom:0}#yarn-requirement .yarn-field label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px;color:var(--text-muted, #6b7280)}#yarn-requirement .yarn-field input{display:block;width:100%;max-width:none;min-width:0;min-height:44px;padding:10px 12px;border-radius:8px;border:1px solid var(--border, #ddd);font-size:16px;box-sizing:border-box;font-family:var(--font, ui-sans-serif, system-ui);background:var(--surface, #fff);transition:border-color .15s ease,box-shadow .15s ease}#yarn-requirement .yarn-field input:hover{border-color:#52682d47}#yarn-requirement .yarn-field input:focus{outline:none;border-color:var(--kbm-green, #52682d);box-shadow:0 0 0 3px #52682d2e}#yarn-requirement .yarn-weight-row{display:flex;gap:10px;align-items:center;width:100%}#yarn-requirement .yarn-weight-row input{flex:1 1 auto;min-width:0;width:100%;max-width:none}#yarn-requirement .unit-toggle{display:flex;gap:6px;flex-shrink:0}#yarn-requirement .unit-toggle button{min-width:44px;min-height:44px;padding:0 12px;margin:0;border:1px solid var(--border, #ddd);border-radius:8px;background:var(--surface, #fff);font-weight:600;font-size:15px;color:var(--text, #374151);cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease}#yarn-requirement .unit-toggle button:hover{background:var(--tab-bg, #fbfbf9)}#yarn-requirement .unit-toggle button.active{background:var(--kbm-green, #52682d);color:#fff;border-color:var(--kbm-green, #52682d)}#yarn-requirement .yarn-section{margin-bottom:28px}#yarn-requirement .yarn-section:last-of-type{margin-bottom:0}#yarn-requirement .yarn-section-label{display:block;font-weight:700;font-size:14px;margin-bottom:14px;color:var(--text, #1f2937)}#yarn-requirement .yarn-results-section{margin-top:32px;padding-top:24px;border-top:2px solid var(--border, #e5e7eb)}#yarn-requirement .yarn-blanket-context,#yarn-requirement .yarn-project-context{font-size:14px;color:var(--muted, #5b6472);margin-bottom:16px;font-weight:500}#yarn-requirement.yarn--variant-hat .yarn-project-context{font-size:12px;margin-bottom:12px}#yarn-requirement .yarn-results-heading{font-size:16px;font-weight:700;color:var(--text, #1f2937);margin-bottom:20px}#yarn-requirement .yarn-results-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}#yarn-requirement .yarn-result-card{background:var(--tab-bg, #fbfbf9);border:2px solid var(--kbm-green, #52682d);border-radius:12px;padding:24px;text-align:center}#yarn-requirement .yarn-result-card-title{font-size:14px;font-weight:600;color:var(--muted, #5b6472);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}#yarn-requirement .yarn-result-card-value{font-size:36px;font-weight:700;color:var(--kbm-green, #52682d);line-height:1.2}#yarn-requirement .yarn-message{margin-top:20px;padding:12px;border-radius:8px;font-size:14px;text-align:center;color:var(--muted, #5b6472)}#yarn-requirement .yarn-message.yarn-error{background:#fee;border:1px solid #fcc;color:#c33}#yarn-requirement.yarn--variant-hat .yarn-section{margin-bottom:20px}#yarn-requirement.yarn--variant-hat .yarn-results-section{margin-top:20px;padding-top:16px}#yarn-requirement.yarn--variant-hat .yarn-result-card{padding:16px}#yarn-requirement.yarn--variant-hat .yarn-result-card-value{font-size:28px}@media(max-width:640px){#yarn-requirement .yarn-field input{min-height:48px;padding:12px 14px}#yarn-requirement .yarn-field label{font-size:.9375rem;margin-bottom:8px}#yarn-requirement .yarn-section-label{font-size:15px;line-height:1.45;margin-bottom:12px}#yarn-requirement .unit-toggle button{min-height:48px;min-width:48px;font-size:16px}#yarn-requirement .yarn-unit-btn{min-height:48px;padding:12px 18px;font-size:16px}#yarn-requirement.yarn--variant-hat .yarn-project-context{font-size:13px;line-height:1.45}#yarn-requirement .yarn-results-cards{grid-template-columns:1fr;gap:14px}#yarn-requirement .yarn-result-card{padding:18px 16px}#yarn-requirement .yarn-result-card-value{font-size:28px}#yarn-requirement .yarn-results-heading{font-size:15px;margin-bottom:14px}}.yarn-requirement-tool[data-astro-cid-phyj37x7]{max-width:800px;margin:0 auto}.yarn--variant-hat[data-astro-cid-phyj37x7]{max-width:none;margin:0}.yarn--presentation-drawer[data-astro-cid-phyj37x7].yarn-requirement-tool{max-width:none}.yarn-outer-details[data-astro-cid-phyj37x7]{margin:0;padding:0;border:none}.yarn-outer-details--standalone[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]{list-style:none;cursor:default;pointer-events:none}.yarn-outer-details--standalone[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]::-webkit-details-marker{display:none}.yarn-outer-details--standalone[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]::marker{content:""}.yarn-outer-details--hat[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]{list-style:none;cursor:pointer}.yarn-outer-details--hat[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]::-webkit-details-marker{display:none}.yarn-outer-details--hat[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]::marker{content:""}.yarn-outer-details--hat[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]:after{content:" ▼";font-size:.65em;color:var(--muted, #5b6472);margin-left:.35rem}.yarn-outer-details--hat[data-astro-cid-phyj37x7][open]>summary[data-astro-cid-phyj37x7]:after{content:" ▲"}.yarn-outer-panel[data-astro-cid-phyj37x7]{margin:0;padding:0;border:none}.yarn-outer-panel--hat[data-astro-cid-phyj37x7] .yarn-helper-hat[data-astro-cid-phyj37x7]{margin:0 0 12px}.yarn-helper-hat[data-astro-cid-phyj37x7]{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--muted, #5b6472);font-weight:500}.yarn-heading[data-astro-cid-phyj37x7]{font-size:20px;font-weight:700;color:var(--text, #1f2937);margin-bottom:24px}.yarn--variant-hat[data-astro-cid-phyj37x7] .yarn-heading[data-astro-cid-phyj37x7]{font-size:1.05rem;margin-bottom:.35rem}.yarn-calculator[data-astro-cid-phyj37x7]{background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius, 18px);padding:24px}.yarn--variant-hat[data-astro-cid-phyj37x7] .yarn-calculator[data-astro-cid-phyj37x7]{padding:16px 18px}.yarn--presentation-drawer[data-astro-cid-phyj37x7] .yarn-outer-panel--hat[data-astro-cid-phyj37x7]{display:flex;flex-direction:column;gap:0}.yarn--presentation-drawer[data-astro-cid-phyj37x7] .yarn-calculator[data-astro-cid-phyj37x7]{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}@media(max-width:640px){.yarn-calculator[data-astro-cid-phyj37x7]{padding:18px 16px}.yarn--variant-hat[data-astro-cid-phyj37x7] .yarn-calculator[data-astro-cid-phyj37x7]{padding:14px}}