/* Shared interaction refinements. Existing brand colors and motion remain in charge. */
:root{--navigation-height:88px;--guide-jump-height:0px}html{scrollbar-gutter:stable;scroll-padding-top:calc(var(--navigation-height) + 20px)}html:has(dialog[open]){overflow:hidden}.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:10px 18px;background:#f6faf7;color:#17594c;border:2px solid #17594c;border-radius:6px;transform:translateY(-160%)}.skip-link:focus{transform:none}#main-content:focus,.page h1[tabindex]:focus,#tool-values:focus{outline:none}.topbar nav a[aria-current=page]{font-weight:750}.guide-jump{display:none}#guide .guide-block,#guide .parameter-help{scroll-margin-top:var(--guide-jump-height)}.toolbar,#tool-values{scroll-margin-top:0}
.guide-sidebar{max-height:calc(100dvh - var(--navigation-height) - 36px);overflow-y:auto;top:calc(var(--navigation-height) + 20px)}.guide-block p,.guide-block li,.description-dialog-body{word-break:normal;overflow-wrap:break-word}html[lang=ko] .guide-block p,html[lang=ko] .guide-block li,html[lang=ko] .description-dialog-body{word-break:keep-all}
#community .toolbar{row-gap:16px}.toolbar .search input{min-height:44px}.toolbar select{min-height:44px}#reset-filters{display:inline-flex;min-height:40px;align-items:center;margin-bottom:10px}#community-status{min-height:24px}#community-retry{margin-block:12px}#empty-reset{margin-right:10px}#post-list[aria-busy=true]{opacity:.55;pointer-events:none}.post-management{border-top:1px solid var(--line);border-bottom:0;margin-top:18px;padding-top:16px}.post-management summary{color:var(--muted);min-height:44px;align-content:center}.post-management-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}.post-management-actions button{min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text);font-size:13px}.post-management-actions .delete-button{color:#a33448;border-color:#dfbcc3}.post-management-actions .text-link{animation:none;text-shadow:none;text-decoration:none}.post-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-start}.post-detail-actions>*{width:auto}
.tool-utilities{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:12px 0}.tool-utilities .text-link{min-height:44px;display:inline-flex;align-items:center}#view-code-values{display:none}#tool-input[aria-invalid=true],#register-code[aria-invalid=true]{border-color:#b55365;box-shadow:0 0 0 1px #b5536533}.field-with-toggle{display:flex;align-items:stretch;gap:8px;min-width:0}.field-with-toggle input{flex:1;width:0}.password-toggle{flex:none;min-height:44px;border:1px solid var(--line);border-radius:6px;padding:7px 12px;background:transparent;color:var(--muted);font-size:13px}form[aria-busy=true]{cursor:progress}#register-error:empty{margin-block:0;min-height:0}#register-error:focus{outline:0}#register-error{scroll-margin-block:20px}.dialog-head,.description-dialog-header{align-items:start}.icon-button,.description-dialog-close{min-width:44px;min-height:44px;flex-shrink:0;display:grid;place-items:center}.description-dialog-header{gap:16px}#image-dialog .dialog-head{position:sticky;top:-30px;background:var(--surface);padding-block:12px;z-index:1}.dialog-status{position:sticky;bottom:0}.topbar .site-language select{min-height:40px}
@media(max-width:760px){
 .topbar{padding-inline:18px}.topbar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;height:auto;min-height:48px}.topbar nav a{justify-content:center;text-align:center;white-space:normal;font-size:12px;line-height:1.3;min-width:0;min-height:48px;padding:5px 2px}.topbar .site-language select{min-height:40px}
 .guide-layout{display:block}#guide .guide-sidebar{display:none}.guide-jump{display:flex;align-items:center;gap:12px;position:sticky;top:var(--navigation-height);z-index:8;background:#f6f8f5;padding:12px 0;margin-bottom:24px;border-bottom:1px solid var(--line)}.guide-jump>span{flex:none;font-size:13px;font-weight:650}.guide-jump select{min-height:44px;font-size:14px;background:#f6f8f5}.guide-jump select option{white-space:normal}.guide-block{padding-bottom:36px;margin-bottom:32px}
 #community .toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}#community .toolbar .tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;width:100%}#community .tabs button{min-width:0;white-space:normal;font-size:12px;line-height:1.4;min-height:52px;padding:8px 0}#community .tabs span{font-size:11px;margin-left:4px}#community .toolbar .search{grid-column:1/-1;min-width:0;width:100%}#community .toolbar .search input{width:100%;max-width:none;font-size:16px}#community .toolbar select{width:100%;max-width:none;padding:10px;font-size:14px}.community-actions{gap:10px}.community-actions>*{flex:1;min-width:0;white-space:normal;text-align:center}#community .community-workflow-link{margin-bottom:12px}
 .post-management-actions{display:grid;grid-template-columns:1fr;width:100%}.post-management-actions button{width:100%;white-space:normal;text-align:left}#tool .page-heading{margin-bottom:30px}#view-code-values{display:inline-flex}.copy-actions .button{min-height:48px}input:not([type=checkbox]),textarea{font-size:16px}#register-code,#tool-input{font-size:16px}.topbar select{font-size:12px}.value-row{gap:12px;align-items:flex-start}.value-row>span{min-width:0}.value-row code{flex:none;max-width:45%}.compare-controls button{min-height:44px;padding:8px 12px}.text-link,.guide-link-actions a,.footer a{min-height:40px;display:inline-flex;align-items:center}.image-caption a{display:inline}.stage-bottom a{min-height:44px}.stage-switcher button{min-height:44px}.tool-utilities{gap:6px 18px}#image-dialog .dialog-head{top:-22px}.post-detail-actions>.button{width:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.topbar nav a::after{display:none!important}.topbar nav a{border-bottom:2px solid transparent!important;transition:color .2s}.topbar nav a[aria-current=page]{border-bottom-color:currentColor!important}
@media(min-width:721px) and (max-width:760px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:16px 18px 0;gap:12px}.topbar>.brand{margin-right:auto}.topbar nav{order:3;width:100%;margin-left:0;align-self:stretch}.topbar>.top-link{display:none}.topbar .site-language{position:absolute;right:18px;top:17px}.site-language select{width:104px}.topbar .brand{max-width:calc(100% - 138px)}}

.post-card>.post-controls::after{content:none}.post-controls .post-open{order:2;margin-left:auto;min-height:44px;display:inline-flex;align-items:center;font-size:13px;text-decoration:none}.post-controls .up-button{order:1;min-height:44px}.post-controls .post-open:hover{text-decoration:underline;text-underline-offset:4px}dialog :is(.description-dialog-close,[data-close]){color:#315f54;background:#f1f7f3;border-color:#b9d0c4}dialog :is(.description-dialog-close,[data-close]):hover{color:#174d3d;background:#e2eee6}
@media(max-width:360px){.topbar{padding-inline:14px}.topbar nav{gap:4px}.topbar nav a[aria-current=page]{font-weight:600}}

/* Keep previews aligned while allowing enough text to choose a preset. */
.post-card h3{height:auto;min-height:3em;max-height:3em;line-height:1.5;letter-spacing:-.025em}
.post-card .description{height:auto;min-height:3.5em;max-height:3.5em;line-height:1.75;-webkit-line-clamp:2;margin-bottom:20px;overflow-wrap:anywhere}
.post-card .post-controls{margin-bottom:0}
#register-form .register-scroll>label:not(.check){margin-top:22px;margin-bottom:8px}
.field-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.field-heading small{font-size:11px;font-weight:500;color:#49766b;letter-spacing:0;flex:none}
.field-heading .optional{color:var(--muted)}
#register-form .field-hint,#register-form .field-error,#register-form .field-count{font-size:12px;line-height:1.65;font-weight:400;margin:7px 0 0;overflow-wrap:anywhere}
.field-hint,.field-count{color:var(--muted)}.field-count{text-align:right;font-variant-numeric:tabular-nums}
#register-form .field-error{color:#a33448}
#register-form [aria-invalid=true]{border-color:#b55365;box-shadow:0 0 0 1px #b5536526}
.register-scope{display:flex;align-items:center;gap:16px;padding:10px 0;margin:12px 0 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
#register-form .register-scope input{width:auto;flex:1;min-height:28px;padding:0;text-align:right;border:0;border-radius:0;box-shadow:none;background:none;color:#247364;font-size:12px;pointer-events:none}
.register-scope label{flex:none}#register-description{min-height:90px}#register-form #register-code{min-height:112px}
.register-submit{position:static;flex:none;padding:14px var(--register-pad) max(18px,env(safe-area-inset-bottom));background:#f5f8f5;border-top:1px solid var(--line);margin:0;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin}
.register-submit .error:not(:empty){font-size:13px;margin:0 0 10px}
#register-dialog{max-height:calc(var(--register-viewport-height,100dvh) - 24px);inset-block-start:var(--register-viewport-top,0px)}
#register-dialog{--register-pad:30px}#register-form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}#register-dialog .register-scroll{flex:1;margin:0;padding:18px var(--register-pad) 24px;scroll-padding-block:16px}#register-form .register-scroll>label{display:block;font-size:14px;font-weight:600}#register-form .register-scroll>.small{margin-top:14px}#register-form .check{margin-top:20px;gap:10px;font-weight:400}
#register-form :is(input,textarea){scroll-margin-block:12px}
#register-dialog.compact-viewport .dialog-head{padding-block:12px}
#register-dialog.compact-viewport .dialog-head .eyebrow{display:none}
#register-dialog.compact-viewport .register-submit{padding-block:10px}
#register-dialog.compact-viewport .register-scroll{scroll-padding-bottom:16px}
@media(max-width:720px){#register-dialog{--register-pad:20px;width:calc(100% - 20px)}#register-dialog .dialog-head{padding-top:16px;padding-bottom:14px}#register-dialog .dialog-head h2{font-size:23px}}
#register-dialog,.register-submit{background:#f5f8f5}#register-dialog .dialog-head{border-bottom:1px solid #dbe7df}#register-dialog .register-scroll{padding-top:18px}#register-dialog input:not([readonly]),#register-dialog textarea{background:#fbfdfb;box-shadow:none}#register-dialog .register-submit .button:hover{transform:none}

.register-submit-status{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 10px;overflow-wrap:break-word}.register-submit-status[data-state=invalid]{color:#a33448}#register-form .register-submit button:disabled{opacity:1;color:#61756d;background:#e2eae5;border:1px solid #c8d7ce;box-shadow:none;cursor:not-allowed}#register-form .register-submit button{transition:background .2s,color .2s,border-color .2s}#register-dialog .register-submit::-webkit-scrollbar{width:6px}