.com-loban[data-com-loban]{--clb-brand:#7f281e;--clb-on-brand:#fff;--clb-ink:#2d2723;--clb-muted:#766a62;--clb-paper:#fffdf9;--clb-cream:#f8f5f0;--clb-line:#ded3c7;--clb-sand:#e9dfd4;box-sizing:border-box;width:100%;max-width:1160px;margin:0 auto;color:var(--clb-ink);font:400 14px/1.7 "Be Vietnam Pro",Arial,sans-serif;text-align:left;isolation:isolate;container-type:inline-size;container-name:comloban}
.com-loban[data-com-loban] *,.com-loban[data-com-loban] *:before,.com-loban[data-com-loban] *:after{box-sizing:border-box}
.com-loban[data-com-loban] [hidden]{display:none!important}.com-loban[data-com-loban] h2,.com-loban[data-com-loban] h3,.com-loban[data-com-loban] p{margin:0;padding:0}.com-loban[data-com-loban] button,.com-loban[data-com-loban] input,.com-loban[data-com-loban] select{font:inherit;letter-spacing:normal;text-transform:none;border-radius:4px;box-shadow:none;max-width:100%}.com-loban[data-com-loban] button,.com-loban[data-com-loban] summary,.com-loban[data-com-loban] select{cursor:pointer}.com-loban[data-com-loban] button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:0;padding:9px 15px;background:var(--clb-paper);border:1px solid var(--clb-line);color:var(--clb-ink);line-height:1.4;transition:background .16s,border-color .16s,color .16s}.com-loban[data-com-loban] button:hover{border-color:var(--clb-brand);color:var(--clb-brand);background:#f4ece3}.com-loban[data-com-loban] button:disabled{opacity:.42;cursor:not-allowed}.com-loban[data-com-loban] :focus-visible{outline:3px solid var(--clb-brand);outline-offset:3px}.com-loban[data-com-loban] .clb-header{padding:30px 0 28px}.com-loban[data-com-loban] .clb-brandline{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--clb-line);padding-bottom:24px;margin-bottom:27px}.com-loban[data-com-loban] .clb-logo{width:144px;height:48px;max-width:38%;object-fit:contain;object-position:left center;margin:0;border:0;mix-blend-mode:multiply}.com-loban[data-com-loban] .clb-wordmark{font:700 36px "Exo 2",sans-serif;color:var(--clb-brand)}.com-loban[data-com-loban] .clb-edition{font-size:10px;font-weight:600;letter-spacing:.12em;text-align:right;color:var(--clb-brand)}.com-loban[data-com-loban] .clb-edition span{display:block;font-size:9px;letter-spacing:.11em;margin-top:5px;color:var(--clb-muted)}.com-loban[data-com-loban] .clb-eyebrow{color:var(--clb-brand);letter-spacing:.15em;font-size:10px;font-weight:600;margin-bottom:9px}.com-loban[data-com-loban] h2{font:600 clamp(28px,3.3vw,43px)/1.2 "Exo 2",sans-serif;color:var(--clb-brand);letter-spacing:-.01em}.com-loban[data-com-loban] .clb-intro{color:var(--clb-muted);margin-top:12px;max-width:690px;font-size:14px}.com-loban[data-com-loban] .clb-app{background:var(--clb-paper);border:1px solid var(--clb-line);border-radius:5px;box-shadow:0 16px 45px #50321b07;overflow:hidden}.com-loban[data-com-loban] .clb-console{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:27px 30px;background:var(--clb-cream);border-bottom:1px solid var(--clb-line)}.com-loban[data-com-loban] .clb-label,.com-loban[data-com-loban] .clb-purpose legend{display:block;font-size:10px;letter-spacing:.13em;font-weight:600;color:var(--clb-muted);margin-bottom:10px}.com-loban[data-com-loban] .clb-measure-form{margin:0;min-width:0}.com-loban[data-com-loban] .clb-input-group{display:flex;align-items:stretch;border:1px solid #b9988c;border-radius:4px;background:var(--clb-paper);overflow:hidden;height:61px}.com-loban[data-com-loban] .clb-measure{min-width:0;width:100%;height:100%;border:0;background:none;color:var(--clb-brand);font:600 34px/1 "Exo 2",sans-serif;padding:8px 15px;outline-offset:-4px}.com-loban[data-com-loban] .clb-unit{width:64px;flex:none;border:0;border-left:1px solid var(--clb-line);border-radius:0;background:transparent;color:var(--clb-muted);padding:0 8px}.com-loban[data-com-loban] button.clb-lookup{flex:none;border:0;border-radius:0;background:var(--clb-brand);color:var(--clb-on-brand);padding-inline:18px;font-size:12px}.com-loban[data-com-loban] button.clb-lookup:hover{filter:brightness(.88)}.com-loban[data-com-loban] .clb-hint{font-size:10px;color:var(--clb-muted);margin-top:8px;line-height:1.7}.com-loban[data-com-loban] .clb-error{font-size:12px;color:#9d1e12;margin-top:8px}.com-loban[data-com-loban] .clb-purpose{border:0;padding:0;margin:0;min-width:0}.com-loban[data-com-loban] .clb-purpose legend{padding:0}.com-loban[data-com-loban] .clb-mode-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.com-loban[data-com-loban] button.clb-mode{display:block;text-align:left;padding:11px 10px;font-size:9px;line-height:1.8;min-height:61px;white-space:normal}.com-loban[data-com-loban] .clb-mode span{display:block;font:600 19px/1.2 "Exo 2",sans-serif;margin-bottom:4px;white-space:nowrap}.com-loban[data-com-loban] .clb-mode[aria-pressed=true]{border-color:var(--clb-brand);color:var(--clb-brand);background:#f1e7df;box-shadow:inset 0 -2px var(--clb-brand)}.com-loban[data-com-loban] .clb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 28px}.com-loban[data-com-loban] .clb-steps{display:flex;align-items:center;gap:5px}.com-loban[data-com-loban] .clb-steps button{min-height:38px;font-size:11px;padding:8px 10px}.com-loban[data-com-loban] .clb-step-divider{height:18px;background:var(--clb-line);width:1px;margin:0 4px}.com-loban[data-com-loban] .clb-zoom-label{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--clb-muted);white-space:nowrap}.com-loban[data-com-loban] .clb-zoom{padding:6px;border:1px solid var(--clb-line);min-height:38px;background:var(--clb-paper);color:var(--clb-ink);width:70px}.com-loban[data-com-loban] .clb-ruler-heading{display:flex;align-items:center;gap:17px;padding:7px 28px 22px;color:var(--clb-muted);font-size:10px}.com-loban[data-com-loban] .clb-ruler-heading>span{display:flex;align-items:center;gap:6px}.com-loban[data-com-loban] .clb-dot{display:inline-block;width:7px;height:7px;background:var(--clb-brand);border-radius:50%}.com-loban[data-com-loban] .clb-dot-dark{background:#373330}.com-loban[data-com-loban] .clb-ruler-heading .clb-drag-hint{margin-left:auto;color:var(--clb-brand);font-size:11px}.com-loban[data-com-loban] .clb-rulers{position:relative;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;margin:0 28px;border:1px solid var(--clb-line);border-radius:3px;background:var(--clb-cream);direction:ltr;overflow:hidden}.com-loban[data-com-loban] .clb-rulers.clb-dragging{cursor:grabbing}.com-loban[data-com-loban] .clb-ruler-row{position:relative;border-top:1px solid var(--clb-line)}.com-loban[data-com-loban] .clb-ruler-row:first-of-type{border-top:0}.com-loban[data-com-loban] .clb-ruler-caption{height:29px;display:flex;align-items:center;gap:9px;padding:4px 11px;font-size:9px;background:#f2eee7;letter-spacing:.08em}.com-loban[data-com-loban] .clb-ruler-caption strong{font:600 13px "Exo 2",sans-serif;letter-spacing:0;color:var(--clb-brand)}.com-loban[data-com-loban] .clb-ruler-row[data-selected=true] .clb-ruler-caption{background:#e9ddd1}.com-loban[data-com-loban] canvas{display:block;width:100%;height:124px;max-width:100%;background:var(--clb-paper);margin:0}.com-loban[data-com-loban] .clb-center-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--clb-brand);pointer-events:none;z-index:2;box-shadow:0 0 0 1px #fff9}.com-loban[data-com-loban] .clb-center-line:before{content:"";position:absolute;top:24px;left:-4px;border-top:8px solid var(--clb-brand);border-left:5px solid transparent;border-right:5px solid transparent}.com-loban[data-com-loban] .clb-marker-value{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--clb-brand);color:var(--clb-on-brand);font-size:11px;font-weight:600;padding:4px 12px;border-radius:0 0 3px 3px;line-height:21px}.com-loban[data-com-loban] .clb-keyboard{font-size:10px;line-height:1.7;color:var(--clb-muted);padding:11px 28px 19px}.com-loban[data-com-loban] .clb-result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 28px 14px;border-top:1px solid var(--clb-line)}.com-loban[data-com-loban] h3{font:600 19px/1.3 "Exo 2",sans-serif;color:var(--clb-ink);letter-spacing:0}.com-loban[data-com-loban] .clb-measure-output{font:600 20px "Exo 2",sans-serif;color:var(--clb-brand);text-align:right}.com-loban[data-com-loban] .clb-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 28px 24px}.com-loban[data-com-loban] .clb-result{border:1px solid var(--clb-line);border-radius:4px;padding:18px;min-width:0;background:#fffdf9}.com-loban[data-com-loban] .clb-result[data-selected=true]{box-shadow:inset 0 3px var(--clb-brand);border-color:#b78d7c}.com-loban[data-com-loban] .clb-result-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:14px}.com-loban[data-com-loban] .clb-result-top>span:first-child{font-size:10px;color:var(--clb-muted)}.com-loban[data-com-loban] .clb-badge{font-size:9px;font-weight:600;padding:3px 9px;background:#ede8e2;color:#423a35;border-radius:2px}.com-loban[data-com-loban] .clb-result[data-good=true] .clb-badge{background:#f2e0d8;color:var(--clb-brand)}.com-loban[data-com-loban] .clb-result-name{font:600 25px/1.2 "Exo 2",sans-serif;margin:0 0 7px!important;color:var(--clb-ink)}.com-loban[data-com-loban] .clb-result[data-good=true] .clb-result-name{color:var(--clb-brand)}.com-loban[data-com-loban] .clb-result-child{font-size:12px;font-weight:500;margin-bottom:9px}.com-loban[data-com-loban] .clb-result-note{font-size:11px;line-height:1.8;color:var(--clb-muted);min-height:40px}.com-loban[data-com-loban] .clb-result details{border-top:1px solid var(--clb-line);margin-top:13px;padding-top:10px;font-size:10px;color:var(--clb-muted)}.com-loban[data-com-loban] .clb-result summary{color:var(--clb-ink);min-height:25px}.com-loban[data-com-loban] .clb-interval{font-variant-numeric:tabular-nums;margin-top:7px!important;overflow-wrap:anywhere}.com-loban[data-com-loban] .clb-suggestions{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:20px;padding:22px 28px;background:var(--clb-cream);border-block:1px solid var(--clb-line)}.com-loban[data-com-loban] .clb-suggestions h3{font-size:17px}.com-loban[data-com-loban] .clb-suggestion-label{font-size:10px;color:var(--clb-muted);margin-top:5px;line-height:1.7}.com-loban[data-com-loban] .clb-range-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.com-loban[data-com-loban] button.clb-range{display:block;text-align:left;padding:11px;font-size:10px;white-space:normal;line-height:1.7}.com-loban[data-com-loban] .clb-range strong{display:block;font:600 18px "Exo 2",sans-serif;color:var(--clb-brand);margin-bottom:4px}.com-loban[data-com-loban] .clb-range small{font-size:9px;color:var(--clb-muted);display:block;margin-top:3px}.com-loban[data-com-loban] .clb-actions{display:flex;flex-wrap:wrap;gap:8px;padding:23px 28px 0}.com-loban[data-com-loban] .clb-actions button{font-size:11px}.com-loban[data-com-loban] .clb-actions button.clb-action-primary{background:var(--clb-brand);color:var(--clb-on-brand);border-color:var(--clb-brand)}.com-loban[data-com-loban] .clb-status{padding:8px 28px;min-height:30px;font-size:11px;color:var(--clb-brand);overflow-wrap:anywhere}.com-loban[data-com-loban] .clb-share-fallback{padding:14px 28px}.com-loban[data-com-loban] .clb-share-fallback label{font-size:11px}.com-loban[data-com-loban] .clb-share-url{display:block;width:100%;border:1px solid var(--clb-line);padding:10px;margin-top:5px;background:var(--clb-paper);color:var(--clb-ink);font-size:12px}.com-loban[data-com-loban] .clb-saved{margin:0 28px 23px;border-top:1px solid var(--clb-line);padding-top:14px}.com-loban[data-com-loban] .clb-saved>summary{font-size:12px;font-weight:500;min-height:32px;list-style:disclosure-closed}.com-loban[data-com-loban] .clb-saved[open]>summary{list-style:disclosure-open}.com-loban[data-com-loban] .clb-saved-count{display:inline-flex;background:var(--clb-sand);min-width:22px;justify-content:center;margin-left:6px;border-radius:3px;font-size:10px}.com-loban[data-com-loban] .clb-local-note{font-size:10px;color:var(--clb-muted);margin:5px 0 12px}.com-loban[data-com-loban] .clb-saved-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.com-loban[data-com-loban] .clb-saved-item{display:flex;align-items:stretch;border:1px solid var(--clb-line);border-radius:3px;overflow:hidden}.com-loban[data-com-loban] .clb-saved-item button{border:0;border-radius:0;padding:8px;font-size:11px;min-width:0}.com-loban[data-com-loban] .clb-saved-item button:first-child{flex:1;display:block;text-align:left}.com-loban[data-com-loban] .clb-saved-item small{display:block;font-size:9px;color:var(--clb-muted)}.com-loban[data-com-loban] .clb-saved-item button:last-child{border-left:1px solid var(--clb-line);width:34px;flex:none}.com-loban[data-com-loban] .clb-empty{font-size:11px;color:var(--clb-muted);grid-column:1/-1}.com-loban[data-com-loban] .clb-guide{margin-top:26px;border:1px solid var(--clb-line);background:var(--clb-cream);border-radius:4px;padding:0 26px}.com-loban[data-com-loban] .clb-guide>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:69px;font:600 22px/1.3 "Exo 2",sans-serif;color:var(--clb-brand)}.com-loban[data-com-loban] .clb-guide>summary::-webkit-details-marker{display:none}.com-loban[data-com-loban] .clb-guide[open]>summary>span{transform:rotate(45deg)}.com-loban[data-com-loban] .clb-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;padding:9px 0 23px}.com-loban[data-com-loban] .clb-guide-grid article+article{border-left:1px solid var(--clb-line);padding-left:26px}.com-loban[data-com-loban] .clb-guide-grid article>span{font-size:9px;font-weight:600;letter-spacing:.09em;color:var(--clb-muted)}.com-loban[data-com-loban] .clb-guide-grid h3{font-size:28px;margin:8px 0 12px;color:var(--clb-brand)}.com-loban[data-com-loban] .clb-guide-grid p{font-size:12px;color:var(--clb-muted);line-height:1.9}.com-loban[data-com-loban] .clb-guide-notes{padding:17px 0;border-top:1px solid var(--clb-line);font-size:11px;color:var(--clb-muted)}.com-loban[data-com-loban] .clb-guide-notes p+p{margin-top:8px}.com-loban[data-com-loban] .clb-table-details{border-top:1px solid var(--clb-line);padding:15px 0 20px;font-size:12px}.com-loban[data-com-loban] .clb-tables{overflow-x:auto;margin-top:18px}.com-loban[data-com-loban] table{width:100%;border-collapse:collapse;font-size:11px;margin:0 0 25px;table-layout:auto}.com-loban[data-com-loban] caption{text-align:left;font:600 17px "Exo 2",sans-serif;color:var(--clb-brand);padding:0 0 10px}.com-loban[data-com-loban] th,.com-loban[data-com-loban] td{text-align:left;padding:8px 10px;border:1px solid var(--clb-line);vertical-align:top;white-space:normal}.com-loban[data-com-loban] th{background:var(--clb-sand);font-weight:500}.com-loban[data-com-loban] td[data-good=true]{color:var(--clb-brand);font-weight:500}.com-loban[data-com-loban] .clb-footnote{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:23px 0 10px;font-size:10px;color:var(--clb-muted)}.com-loban[data-com-loban] .clb-footnote>span{white-space:nowrap;letter-spacing:.05em;color:var(--clb-brand);font-weight:500}.com-loban[data-com-loban] .clb-footnote p{max-width:570px;text-align:right;line-height:1.8}.com-loban[data-com-loban] .clb-loading{padding:25px;background:var(--clb-cream);border:1px solid var(--clb-line);font-size:12px;color:var(--clb-muted)}.com-loban[data-com-loban] .clb-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.com-loban[data-com-loban] .clb-console{gap:22px;padding:23px}.com-loban[data-com-loban] .clb-mode span{font-size:16px}.com-loban[data-com-loban] .clb-mode-group{gap:5px}.com-loban[data-com-loban] button.clb-mode{padding:10px 7px}.com-loban[data-com-loban] .clb-results{gap:9px}.com-loban[data-com-loban] .clb-result{padding:15px}.com-loban[data-com-loban] .clb-result-name{font-size:23px}.com-loban[data-com-loban] .clb-suggestions{grid-template-columns:1fr;gap:15px}.com-loban[data-com-loban] .clb-saved-list{grid-template-columns:repeat(3,minmax(0,1fr))}.com-loban[data-com-loban] .clb-toolbar{gap:10px;padding-inline:23px}.com-loban[data-com-loban] .clb-steps button{padding-inline:7px}}
@media(max-width:650px){.com-loban[data-com-loban]{font-size:13px}.com-loban[data-com-loban] .clb-header{padding-top:15px}.com-loban[data-com-loban] .clb-brandline{padding-bottom:20px;margin-bottom:22px}.com-loban[data-com-loban] .clb-logo{width:118px;height:40px}.com-loban[data-com-loban] .clb-edition{font-size:8px;max-width:155px}.com-loban[data-com-loban] .clb-edition span{font-size:8px}.com-loban[data-com-loban] .clb-intro{font-size:12px}.com-loban[data-com-loban] .clb-console{grid-template-columns:1fr;gap:23px;padding:20px 16px}.com-loban[data-com-loban] .clb-mode-group{gap:7px}.com-loban[data-com-loban] .clb-mode span{font-size:20px}.com-loban[data-com-loban] button.clb-mode{font-size:9px;padding:10px}.com-loban[data-com-loban] .clb-input-group{height:59px}.com-loban[data-com-loban] .clb-measure{font-size:32px}.com-loban[data-com-loban] .clb-toolbar{display:block;padding:15px 16px}.com-loban[data-com-loban] .clb-steps{justify-content:space-between;gap:4px}.com-loban[data-com-loban] .clb-steps button{padding:9px 5px;min-height:44px;flex:1;font-size:10px}.com-loban[data-com-loban] .clb-step-divider{margin:0;width:1px;flex:none}.com-loban[data-com-loban] .clb-zoom-label{justify-content:flex-end;margin-top:12px}.com-loban[data-com-loban] .clb-ruler-heading{padding:4px 16px 14px;gap:13px;flex-wrap:wrap}.com-loban[data-com-loban] .clb-ruler-heading .clb-drag-hint{font-size:9px}.com-loban[data-com-loban] .clb-rulers{margin:0 12px}.com-loban[data-com-loban] .clb-ruler-caption{font-size:8px;padding-left:8px}.com-loban[data-com-loban] .clb-keyboard{padding:11px 16px 16px;font-size:9px}.com-loban[data-com-loban] .clb-result-heading{padding:18px 16px 13px}.com-loban[data-com-loban] .clb-measure-output{font-size:19px}.com-loban[data-com-loban] .clb-results{grid-template-columns:1fr;padding:0 16px 20px;gap:11px}.com-loban[data-com-loban] .clb-result{padding:16px}.com-loban[data-com-loban] .clb-result-top{margin-bottom:9px}.com-loban[data-com-loban] .clb-result-name{font-size:25px}.com-loban[data-com-loban] .clb-result-note{min-height:0}.com-loban[data-com-loban] .clb-result details{margin-top:10px}.com-loban[data-com-loban] .clb-result summary{min-height:30px}.com-loban[data-com-loban] .clb-suggestions{padding:20px 16px}.com-loban[data-com-loban] .clb-range-list{grid-template-columns:1fr}.com-loban[data-com-loban] button.clb-range{display:grid;grid-template-columns:95px 1fr;column-gap:8px;align-items:center}.com-loban[data-com-loban] .clb-range strong{grid-row:1/3;font-size:19px;margin:0}.com-loban[data-com-loban] .clb-range small{margin:0}.com-loban[data-com-loban] .clb-actions{padding:20px 16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.com-loban[data-com-loban] .clb-actions button{padding-inline:7px;font-size:10px}.com-loban[data-com-loban] .clb-status{padding-inline:16px}.com-loban[data-com-loban] .clb-saved{margin-inline:16px}.com-loban[data-com-loban] .clb-saved-list{grid-template-columns:repeat(2,minmax(0,1fr))}.com-loban[data-com-loban] .clb-share-fallback{padding-inline:16px}.com-loban[data-com-loban] .clb-guide{padding:0 17px}.com-loban[data-com-loban] .clb-guide>summary{font-size:19px;min-height:68px}.com-loban[data-com-loban] .clb-guide-grid{grid-template-columns:1fr;gap:18px;padding-bottom:20px}.com-loban[data-com-loban] .clb-guide-grid article+article{border-left:0;border-top:1px solid var(--clb-line);padding:17px 0 0}.com-loban[data-com-loban] .clb-guide-grid h3{font-size:25px;margin:7px 0}.com-loban[data-com-loban] .clb-footnote{display:block;font-size:9px}.com-loban[data-com-loban] .clb-footnote p{text-align:left;max-width:100%;margin-top:10px}.com-loban[data-com-loban] th,.com-loban[data-com-loban] td{padding:7px;font-size:10px}}
@container comloban (max-width:650px){.com-loban[data-com-loban]{font-size:13px}.com-loban[data-com-loban] .clb-header{padding-top:15px}.com-loban[data-com-loban] .clb-brandline{padding-bottom:20px;margin-bottom:22px}.com-loban[data-com-loban] .clb-logo{width:118px;height:40px}.com-loban[data-com-loban] .clb-edition{font-size:8px;max-width:155px}.com-loban[data-com-loban] .clb-edition span{font-size:8px}.com-loban[data-com-loban] .clb-intro{font-size:12px}.com-loban[data-com-loban] .clb-console{grid-template-columns:1fr;gap:23px;padding:20px 16px}.com-loban[data-com-loban] .clb-mode-group{gap:7px}.com-loban[data-com-loban] .clb-mode span{font-size:20px}.com-loban[data-com-loban] button.clb-mode{font-size:9px;padding:10px}.com-loban[data-com-loban] .clb-input-group{height:59px}.com-loban[data-com-loban] .clb-measure{font-size:32px}.com-loban[data-com-loban] .clb-toolbar{display:block;padding:15px 16px}.com-loban[data-com-loban] .clb-steps{justify-content:space-between;gap:4px}.com-loban[data-com-loban] .clb-steps button{padding:9px 5px;min-height:44px;flex:1;font-size:10px}.com-loban[data-com-loban] .clb-step-divider{margin:0;width:1px;flex:none}.com-loban[data-com-loban] .clb-zoom-label{justify-content:flex-end;margin-top:12px}.com-loban[data-com-loban] .clb-ruler-heading{padding:4px 16px 14px;gap:13px;flex-wrap:wrap}.com-loban[data-com-loban] .clb-ruler-heading .clb-drag-hint{font-size:9px}.com-loban[data-com-loban] .clb-rulers{margin:0 12px}.com-loban[data-com-loban] .clb-ruler-caption{font-size:8px;padding-left:8px}.com-loban[data-com-loban] .clb-keyboard{padding:11px 16px 16px;font-size:9px}.com-loban[data-com-loban] .clb-result-heading{padding:18px 16px 13px}.com-loban[data-com-loban] .clb-measure-output{font-size:19px}.com-loban[data-com-loban] .clb-results{grid-template-columns:1fr;padding:0 16px 20px;gap:11px}.com-loban[data-com-loban] .clb-result{padding:16px}.com-loban[data-com-loban] .clb-result-top{margin-bottom:9px}.com-loban[data-com-loban] .clb-result-name{font-size:25px}.com-loban[data-com-loban] .clb-result-note{min-height:0}.com-loban[data-com-loban] .clb-result details{margin-top:10px}.com-loban[data-com-loban] .clb-result summary{min-height:30px}.com-loban[data-com-loban] .clb-suggestions{padding:20px 16px}.com-loban[data-com-loban] .clb-range-list{grid-template-columns:1fr}.com-loban[data-com-loban] button.clb-range{display:grid;grid-template-columns:95px 1fr;column-gap:8px;align-items:center}.com-loban[data-com-loban] .clb-range strong{grid-row:1/3;font-size:19px;margin:0}.com-loban[data-com-loban] .clb-range small{margin:0}.com-loban[data-com-loban] .clb-actions{padding:20px 16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.com-loban[data-com-loban] .clb-actions button{padding-inline:7px;font-size:10px}.com-loban[data-com-loban] .clb-status{padding-inline:16px}.com-loban[data-com-loban] .clb-saved{margin-inline:16px}.com-loban[data-com-loban] .clb-saved-list{grid-template-columns:repeat(2,minmax(0,1fr))}.com-loban[data-com-loban] .clb-share-fallback{padding-inline:16px}.com-loban[data-com-loban] .clb-guide{padding:0 17px}.com-loban[data-com-loban] .clb-guide>summary{font-size:19px;min-height:68px}.com-loban[data-com-loban] .clb-guide-grid{grid-template-columns:1fr;gap:18px;padding-bottom:20px}.com-loban[data-com-loban] .clb-guide-grid article+article{border-left:0;border-top:1px solid var(--clb-line);padding:17px 0 0}.com-loban[data-com-loban] .clb-guide-grid h3{font-size:25px;margin:7px 0}.com-loban[data-com-loban] .clb-footnote{display:block;font-size:9px}.com-loban[data-com-loban] .clb-footnote p{text-align:left;max-width:100%;margin-top:10px}.com-loban[data-com-loban] th,.com-loban[data-com-loban] td{padding:7px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.com-loban[data-com-loban] *{transition:none!important;scroll-behavior:auto!important}}
@media print{.com-loban[data-com-loban] .clb-actions,.com-loban[data-com-loban] .clb-toolbar,.com-loban[data-com-loban] .clb-saved,.com-loban[data-com-loban] .clb-mode-group,.com-loban[data-com-loban] .clb-share-fallback,.com-loban[data-com-loban] .clb-status{display:none!important}.com-loban[data-com-loban] .clb-console{display:block}.com-loban[data-com-loban] .clb-results{grid-template-columns:repeat(3,1fr)}.com-loban[data-com-loban] .clb-app,.com-loban[data-com-loban] .clb-result{break-inside:avoid}.com-loban[data-com-loban]{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Expand only the new tool page in the existing C.O.M theme. */
.wp-theme-sbs-architecture .entry-content:has(> .com-loban[data-com-loban]){width:min(1220px,calc(100% - 40px));max-width:1220px}
/* A buffered strip moves as one layer while dragging; it must not shrink to the viewport. */
.com-loban[data-com-loban] .clb-rulers{touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain}
.com-loban[data-com-loban] .clb-ruler-row{overflow:hidden}
.com-loban[data-com-loban] .clb-ruler-row canvas{max-width:none;transform-origin:0 0}
.com-loban[data-com-loban] .clb-dragging canvas{will-change:transform}