:root{--hpb-bg:#f3f6f8;--hpb-grid:rgba(31,107,107,.075);--hpb-card:#fff;--hpb-ink:#1e2a3b;--hpb-mute:#535e6e;--hpb-line:#d4dce2;--hpb-link:#1a6464;--hpb-red:#b73a44;--hpb-mint:#dcf0ea;--hpb-f-h:"Jua","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--hpb-f-b:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR","Noto Sans CJK KR",sans-serif;--hpb-max:1140px;--hpb-aside:280px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.hpb{margin:0;color:var(--hpb-ink);font-family:var(--hpb-f-b);font-size:16.5px;line-height:1.8;word-break:keep-all;overflow-wrap:break-word;background-color:var(--hpb-bg);background-image:linear-gradient(var(--hpb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--hpb-grid) 1px,transparent 1px);background-size:28px 28px}
:where(.hpb) :is(h1,h2,h3){font-family:var(--hpb-f-h);font-weight:400;color:var(--hpb-ink);margin:0;letter-spacing:0}
:where(.hpb) p{margin:0}
:where(.hpb) :is(ul,ol){margin:0;padding:0}
:where(.hpb) img{max-width:100%;height:auto}
.hpb a{color:var(--hpb-link);text-decoration:underline;text-underline-offset:3px}
.hpb a:hover{color:var(--hpb-red);text-decoration-style:dashed}
.hpb :focus-visible{outline:3px solid var(--hpb-red);outline-offset:2px}
.preloader,.go-top{display:none!important}
.hpb-skip{position:absolute;left:-999px;top:8px;z-index:30;padding:8px 14px;background:var(--hpb-ink);color:#fff!important;border-radius:6px}
.hpb-skip:focus{left:8px}
.hpb-wrap{width:100%;max-width:var(--hpb-max);margin:0 auto;padding:0 22px}
.hpb-head{position:relative;background:var(--hpb-card)}
.hpb-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:repeating-linear-gradient(90deg,var(--hpb-red) 0 12px,transparent 12px 19px)}
.hpb-head__row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;padding-bottom:18px}
.hpb .hpb-mark{display:grid;grid-template-columns:auto auto;justify-content:start;grid-template-rows:auto auto;column-gap:12px;align-items:center;color:var(--hpb-ink);text-decoration:none}
.hpb-logo{display:block;flex:none}
.hpb-mark .hpb-logo{grid-row:1/3}
.hpb-mark__name{font-family:var(--hpb-f-h);font-size:1.5rem;line-height:1.15}
.hpb-mark__sub{font-size:.82rem;color:var(--hpb-mute);line-height:1.3}
.hpb-menu ul{display:flex;gap:6px;list-style:none}
.hpb .hpb-menu a{display:block;padding:7px 14px;border:1.5px dashed transparent;border-radius:20px;font-family:var(--hpb-f-h);font-size:1.02rem;color:var(--hpb-ink);text-decoration:none}
.hpb .hpb-menu a:hover{border-color:var(--hpb-line)}
.hpb .hpb-menu a[aria-current]{background:var(--hpb-mint);border-color:var(--hpb-link)}
.hpb-main{display:block;padding-bottom:56px}
.hpb-hero{padding:42px 0 38px}
.hpb-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
.hpb-hero__kicker{font-family:var(--hpb-f-h);color:var(--hpb-red);font-size:1rem}
.hpb-hero__h{margin-top:4px;font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.25}
.hpb-hero__lead{margin-top:12px;color:var(--hpb-mute);max-width:32em}
.hpb-hero__make{margin-top:22px;padding:14px 18px 10px;background:var(--hpb-card);border:1px solid var(--hpb-line);border-radius:6px}
.hpb-hero__make-h{font-family:var(--hpb-f-h);font-size:1rem}
.hpb-hero__make ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-top:4px}
.hpb-hero__make li{position:relative;padding:6px 0 6px 18px;font-size:.92rem;line-height:1.5;border-top:1px dotted var(--hpb-line)}
.hpb-hero__make li::before{content:"";position:absolute;left:2px;top:.9em;width:9px;height:9px;background:linear-gradient(45deg,transparent 42%,var(--hpb-red) 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--hpb-red) 42% 58%,transparent 58%)}
.hpb .hpb-hero__make a{color:var(--hpb-ink);text-decoration:none}
.hpb .hpb-hero__make a:hover{color:var(--hpb-red);text-decoration:underline dashed}
.hpb-piece{position:relative;padding:38px 46px 28px 26px;background:var(--hpb-card);border:2px dashed var(--hpb-ink);border-radius:6px 6px 6px 42px}
.hpb-piece::before,.hpb-piece::after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent}
.hpb-piece::before{left:-2px;border-left:10px solid var(--hpb-ink)}
.hpb-piece::after{right:-2px;border-right:10px solid var(--hpb-ink)}
.hpb-piece__cut{position:absolute;left:22px;top:-13px;padding:0 4px;background:var(--hpb-bg)}
.hpb-piece__label{position:absolute;right:18px;top:10px;font-family:var(--hpb-f-h);font-size:.85rem;color:var(--hpb-mute)}
.hpb-piece__grain{position:absolute;right:12px;top:54px;bottom:30px;writing-mode:vertical-rl;font-size:.72rem;color:var(--hpb-mute);border-left:1.5px solid var(--hpb-mute);padding-left:3px;text-align:center}
.hpb-piece__grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hpb .hpb-swatch{display:flex;flex-direction:column;height:100%;padding:14px 16px 12px;border-radius:8px;color:var(--hpb-ink);text-decoration:none;border:1.5px solid transparent}
.hpb .hpb-swatch:hover{border-color:var(--hpb-ink)}
.hpb-swatch--baby-clothes{background:#fbe6e4}
.hpb-swatch--baby-goods{background:#e4edf9}
.hpb-swatch--materials{background:#e2f2e8}
.hpb-swatch--basics{background:#f4ecd8}
.hpb-swatch__name{font-family:var(--hpb-f-h);font-size:1.15rem;line-height:1.3}
.hpb-swatch__desc{flex:1;margin-top:4px;font-size:.84rem;line-height:1.5;color:#3f4a59}
.hpb-swatch__n{align-self:flex-start;margin-top:8px;padding:1px 9px;border-radius:10px;background:var(--hpb-card);font-size:.78rem}
.hpb-cols{display:grid;grid-template-columns:var(--hpb-aside) minmax(0,1fr);gap:36px;align-items:start;padding-top:32px}
.hpb-hero+.hpb-cols{padding-top:8px}
.hpb-aside{order:-1;display:flex;flex-direction:column;gap:18px;align-self:stretch}
.hpb-sec{font-size:1.25rem;line-height:1.35;margin-bottom:16px}
.hpb-sec::after{content:"";display:block;width:132px;height:9px;margin-top:6px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--hpb-ink) 0 1px,transparent 1px 6px) left bottom/100% 4px no-repeat,var(--hpb-mint)}
.hpb-list__head{margin-bottom:22px}
.hpb-list__h{font-size:2rem;line-height:1.3}
.hpb-list__desc{margin-top:6px;color:var(--hpb-mute)}
.hpb-list__n{margin-top:4px;font-size:.9rem;color:var(--hpb-mute)}
.hpb-card{position:relative;margin-bottom:16px;padding:22px 26px 20px;background:var(--hpb-card);border:1px solid var(--hpb-line);border-radius:6px}
.hpb-card::before{content:"";position:absolute;inset:6px;border:1.5px dashed rgba(183,58,68,.33);border-radius:3px;pointer-events:none}
.hpb-card:hover::before{border-color:rgba(183,58,68,.7)}
.hpb-card__meta{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.82rem;color:var(--hpb-mute)}
.hpb .hpb-tag{position:relative;display:inline-block;padding:2px 12px 2px 20px;background:var(--hpb-ink);color:#fff;font-family:var(--hpb-f-h);font-size:.84rem;line-height:1.6;text-decoration:none;clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%)}
.hpb .hpb-tag::before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--hpb-card)}
.hpb a.hpb-tag:hover{color:#fff;background:var(--hpb-red)}
.hpb .hpb-tag--rec{background:var(--hpb-red)}
.hpb-card__title{position:relative;margin-top:10px;font-size:1.32rem;line-height:1.4}
.hpb .hpb-card__title a{color:var(--hpb-ink);text-decoration:none}
.hpb .hpb-card__title a:hover{text-decoration:underline dashed var(--hpb-red);text-underline-offset:5px}
.hpb-card__sum{position:relative;margin-top:6px;font-size:.96rem;line-height:1.75;color:var(--hpb-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hpb-empty{padding:26px;border:1.5px dashed var(--hpb-line);border-radius:8px;background:var(--hpb-card);color:var(--hpb-mute)}
.hpb-pager ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:22px 0 6px}
.hpb .hpb-pager a,.hpb-pager span{display:block;min-width:38px;padding:5px 12px;text-align:center;font-family:var(--hpb-f-h);border:1px solid var(--hpb-line);border-radius:6px;background:var(--hpb-card);color:var(--hpb-ink);text-decoration:none}
.hpb-pager .current{background:var(--hpb-ink);color:#fff}
.hpb-topics{margin-top:36px}
.hpb-topics--wide{margin-top:10px;padding-top:30px}
.hpb-topics__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hpb-topics--wide .hpb-topics__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hpb-topics--others .hpb-topics__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hpb-topic{padding:16px 18px 14px;background:var(--hpb-card);border:1px solid var(--hpb-line);border-radius:6px;border-top:5px solid var(--hpb-link)}
.hpb-topic__name{font-size:1.15rem}
.hpb .hpb-topic__name a{color:var(--hpb-ink);text-decoration:none}
.hpb-topic__desc{margin-top:2px;font-size:.86rem;line-height:1.55;color:var(--hpb-mute)}
.hpb-topic ul{list-style:none;margin-top:8px}
.hpb-topic li{padding:6px 0;border-top:1px dotted var(--hpb-line);font-size:.92rem;line-height:1.5}
.hpb .hpb-topic li a{color:var(--hpb-ink);text-decoration:none}
.hpb .hpb-topic li a:hover{color:var(--hpb-red);text-decoration:underline dashed}
.hpb-topic__all{margin-top:8px;font-size:.86rem}
.hpb-recs{margin-top:30px;padding:16px 20px;background:var(--hpb-card);border:1.5px dashed var(--hpb-link);border-radius:8px}
.hpb-recs ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.hpb-recs li{padding:7px 0;border-bottom:1px dotted var(--hpb-line);font-size:.94rem;line-height:1.55}
.hpb .hpb-recs a{color:var(--hpb-ink);text-decoration:none}
.hpb .hpb-recs a:hover{color:var(--hpb-red);text-decoration:underline dashed}
.hpb-lost{padding-top:36px}
.hpb-lost .hpb-topics--wide{padding-top:0}
.hpb-box{padding:16px 18px;background:var(--hpb-card);border:1px solid var(--hpb-line);border-radius:6px}
.hpb-box__h{font-size:1.05rem;padding-bottom:8px;margin-bottom:8px;border-bottom:1.5px dashed var(--hpb-line)}
.hpb-box p{font-size:.92rem;line-height:1.7;color:var(--hpb-mute)}
.hpb-box p+p{margin-top:6px}
.hpb-box__more{font-size:.88rem}
.hpb-box__list{list-style:none}
.hpb-box__list li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dotted var(--hpb-line);font-size:.92rem;line-height:1.5}
.hpb-box__list li:last-child{border-bottom:0}
.hpb .hpb-box__list a{color:var(--hpb-ink);text-decoration:none}
.hpb .hpb-box__list a:hover{color:var(--hpb-red);text-decoration:underline dashed}
.hpb-box__t{display:flex;flex-direction:column}
.hpb-box__desc{font-size:.78rem;line-height:1.45;color:var(--hpb-mute)}
.hpb-box__n{align-self:flex-start;flex:none;min-width:26px;padding:0 7px;border-radius:10px;background:var(--hpb-mint);text-align:center;font-size:.78rem}
.hpb-box__list--new li{flex-direction:column;gap:1px}
.hpb-box__list--new time{font-size:.78rem;color:var(--hpb-mute)}
.hpb-box__list--make li{justify-content:flex-start}
.hpb-here{font-family:var(--hpb-f-h);color:var(--hpb-red)}
.hpb-toc{position:sticky;top:14px}
.hpb-toc ol{list-style:none;counter-reset:hc}
.hpb-toc li{counter-increment:hc;position:relative;padding:5px 0 5px 26px;font-size:.88rem;line-height:1.5;border-bottom:1px dotted var(--hpb-line)}
.hpb-toc li::before{content:counter(hc);position:absolute;left:0;top:6px;width:19px;height:19px;border:1.5px dashed var(--hpb-ink);border-radius:50%;font-size:.7rem;line-height:16px;text-align:center}
.hpb .hpb-toc a{color:var(--hpb-ink);text-decoration:none}
.hpb .hpb-toc a:hover{color:var(--hpb-red)}
.hpb-crumb ol{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:12px;font-size:.82rem;color:var(--hpb-mute)}
.hpb-crumb li+li::before{content:"›";margin:0 7px}
.hpb .hpb-crumb a{color:var(--hpb-mute);text-decoration:none}
.hpb .hpb-crumb a:hover{color:var(--hpb-red)}
.hpb-art{padding:32px 40px 34px;background:var(--hpb-card);border:1px solid var(--hpb-line);border-radius:6px}
.hpb-art__head{padding-bottom:18px;margin-bottom:24px;border-bottom:2px dashed var(--hpb-line)}
.hpb-art__h{margin-top:10px;font-size:clamp(1.65rem,2.6vw,2.1rem);line-height:1.35}
.hpb-art__meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:.84rem;color:var(--hpb-mute)}
.hpb-body{font-size:1.02rem;line-height:1.9}
.hpb-body>*+*{margin-top:1.1em}
.hpb-body h2{position:relative;margin-top:2em;padding-left:26px;font-size:1.45rem;line-height:1.4;scroll-margin-top:16px}
.hpb-body h2::before{content:"";position:absolute;left:0;top:.42em;width:15px;height:15px;background:linear-gradient(45deg,transparent 40%,var(--hpb-red) 40% 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--hpb-red) 40% 60%,transparent 60%)}
.hpb-body h3{margin-top:1.6em;font-size:1.16rem;line-height:1.5}
.hpb-body h2+*,.hpb-body h3+*{margin-top:.55em}
.hpb-body ul,.hpb-body ol{padding-left:1.3em}
.hpb-body li+li{margin-top:.3em}
.hpb-body strong{color:var(--hpb-ink)}
.hpb-body blockquote{margin:0;padding:6px 0 6px 18px;border-left:3px dashed var(--hpb-red);color:var(--hpb-mute)}
.hpb-label{font-family:var(--hpb-f-h);font-size:1.02rem;color:var(--hpb-ink)}
.hpb-sum{padding:16px 20px;background:var(--hpb-mint);border:1.5px dashed var(--hpb-link);border-radius:8px}
.hpb-body .hpb-sum ul{list-style:none;padding:0;margin-top:6px}
.hpb-sum li{position:relative;padding-left:18px;font-size:.97rem;line-height:1.75}
.hpb-sum li::before{content:"";position:absolute;left:2px;top:.75em;width:8px;height:8px;border-radius:50%;background:var(--hpb-link)}
.hpb-need{padding:16px 20px;background:var(--hpb-card);border:1px solid var(--hpb-line);border-left:6px solid var(--hpb-red);border-radius:6px}
.hpb-body .hpb-need ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px;margin-top:6px}
.hpb-need li{padding:5px 0;border-bottom:1px dotted var(--hpb-line);font-size:.95rem;line-height:1.6}
.hpb-tbl{overflow-x:auto;border:1px solid var(--hpb-line);border-radius:6px;background:var(--hpb-card)}
.hpb-tbl table{width:100%;min-width:520px;border-collapse:collapse;font-size:.94rem;line-height:1.65;margin:0}
.hpb-tbl th,.hpb-tbl td{padding:9px 13px;border:0;border-bottom:1px solid var(--hpb-line);text-align:left;vertical-align:top}
.hpb-tbl th{background:#eaf1f4;font-family:var(--hpb-f-h);font-weight:400;white-space:nowrap}
.hpb-tbl td:first-child{white-space:nowrap;font-weight:600}
.hpb-tbl tr:last-child td{border-bottom:0}
.hpb-tbl caption{caption-side:top;text-align:left;padding:9px 13px 0;font-size:.86rem;color:var(--hpb-mute)}
.hpb-body .hpb-check{list-style:none;padding:0}
.hpb-check li{position:relative;padding-left:30px}
.hpb-check li::before{content:"";position:absolute;left:0;top:.45em;width:17px;height:17px;border:2px solid var(--hpb-ink);border-radius:50%}
.hpb-check li::after{content:"";position:absolute;left:5px;top:calc(.45em + 5px);width:7px;height:7px;border-radius:50%;background:var(--hpb-link)}
.hpb-tip,.hpb-warn,.hpb-note{padding:14px 18px;border-radius:6px;font-size:.98rem;line-height:1.8}
.hpb-tip{background:#e6f2f0;border:1.5px dashed var(--hpb-link)}
.hpb-warn{background:#fbecec;border:1.5px dashed var(--hpb-red)}
.hpb-note{background:#eef1f5;border:1.5px dashed #7a8696}
.hpb-tip>*+*,.hpb-warn>*+*,.hpb-note>*+*{margin-top:.35em}
.hpb-warn .hpb-label{color:var(--hpb-red)}
.hpb-body .hpb-steps{list-style:none;padding:0;counter-reset:hs}
.hpb-steps li{counter-increment:hs;position:relative;min-height:34px;padding:3px 0 3px 46px}
.hpb-steps li+li{margin-top:.75em}
.hpb-steps li::before{content:counter(hs);position:absolute;left:0;top:0;width:32px;height:32px;border:2px dashed var(--hpb-ink);border-radius:50%;background:var(--hpb-card);font-family:var(--hpb-f-h);font-size:1rem;line-height:28px;text-align:center}
.hpb-faq details{border-bottom:1px dashed var(--hpb-line)}
.hpb-faq details:first-child{border-top:1px dashed var(--hpb-line)}
.hpb-faq summary{position:relative;list-style:none;cursor:pointer;padding:12px 34px 12px 0;font-family:var(--hpb-f-h);font-size:1.04rem;line-height:1.5}
.hpb-faq summary::-webkit-details-marker{display:none}
.hpb-faq summary::after{content:"＋";position:absolute;right:4px;top:11px;color:var(--hpb-red)}
.hpb-faq details[open] summary::after{content:"－"}
.hpb-faq details>div{padding:0 0 12px}
.hpb-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hpb-cmp>div{padding:14px 18px;border:1.5px dashed var(--hpb-line);border-radius:8px;background:var(--hpb-card)}
.hpb-cmp ul{margin-top:6px}
.hpb-key{display:grid;grid-template-columns:minmax(110px,28%) minmax(0,1fr);margin:0;border-top:1px dashed var(--hpb-line)}
.hpb-key dt,.hpb-key dd{margin:0;padding:9px 0;border-bottom:1px dashed var(--hpb-line);font-size:.96rem;line-height:1.7}
.hpb-key dt{padding-right:12px;font-family:var(--hpb-f-h)}
.hpb-rel{margin-top:36px}
.hpb-rel ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hpb .hpb-rel a{display:flex;flex-direction:column;gap:3px;height:100%;padding:13px 15px;border:1.5px dashed var(--hpb-line);border-radius:8px;color:var(--hpb-ink);text-decoration:none}
.hpb .hpb-rel a:hover{border-color:var(--hpb-red)}
.hpb-rel__c{font-size:.78rem;color:var(--hpb-mute)}
.hpb-rel__t{font-family:var(--hpb-f-h);font-size:1rem;line-height:1.45}
.hpb-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;padding-top:18px;border-top:2px dashed var(--hpb-line)}
.hpb .hpb-pn__a{display:flex;flex-direction:column;gap:2px;font-family:var(--hpb-f-h);font-size:1rem;line-height:1.45;color:var(--hpb-ink);text-decoration:none}
.hpb .hpb-pn__a span{font-family:var(--hpb-f-b);font-size:.78rem;color:var(--hpb-mute)}
.hpb .hpb-pn__a:hover{color:var(--hpb-red)}
.hpb-pn__next{grid-column:2;text-align:right}
.hpb-foot{position:relative;background:#e6edf0;padding-top:10px}
.hpb-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(90deg,var(--hpb-link) 0 12px,transparent 12px 19px)}
.hpb-foot__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:36px;padding-top:34px;padding-bottom:24px}
.hpb-foot__name{display:flex;align-items:center;gap:10px;font-family:var(--hpb-f-h);font-size:1.25rem}
.hpb-foot__about p+p{margin-top:10px;font-size:.92rem;color:var(--hpb-mute);max-width:30em}
.hpb-foot__h{font-family:var(--hpb-f-h);font-size:1.02rem;margin-bottom:6px}
.hpb-foot ul{list-style:none}
.hpb-foot li{padding:3px 0;font-size:.92rem}
.hpb .hpb-foot a{color:var(--hpb-ink);text-decoration:none}
.hpb .hpb-foot a:hover{color:var(--hpb-red);text-decoration:underline dashed}
.hpb-foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:20px;border-top:1.5px dashed #bfcad2;font-size:.82rem;color:var(--hpb-mute)}
@media (max-width:1000px){
.hpb-hero__grid{grid-template-columns:minmax(0,1fr);gap:30px}
.hpb-cols{grid-template-columns:minmax(0,1fr);gap:30px}
.hpb-aside{order:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hpb-toc{position:static}
.hpb-topics--wide .hpb-topics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
body.hpb{font-size:16px}
.hpb-cols{padding-top:22px}
.hpb-wrap{padding:0 15px}
.hpb-head__row{flex-direction:column;align-items:stretch;gap:10px;padding-top:12px;padding-bottom:14px}
.hpb-mark__sub{font-size:.78rem}
.hpb-menu{overflow-x:auto;margin:0 -15px;padding:0 15px 2px}
.hpb-menu ul{flex-wrap:nowrap}
.hpb .hpb-menu a{white-space:nowrap;border-color:var(--hpb-line);padding:5px 12px;font-size:.95rem}
.hpb-hero{padding:26px 0}
.hpb-hero__make ul{grid-template-columns:minmax(0,1fr)}
.hpb-piece{padding:32px 30px 20px 16px;border-radius:6px 6px 6px 28px}
.hpb-piece__label{display:none}
.hpb-swatch__desc{display:none}
.hpb-card{padding:18px 18px 16px}
.hpb-card__title{font-size:1.18rem}
.hpb-topics__grid,.hpb-topics--wide .hpb-topics__grid,.hpb-topics--others .hpb-topics__grid{grid-template-columns:minmax(0,1fr)}
.hpb-recs ul{grid-template-columns:minmax(0,1fr)}
.hpb-aside{grid-template-columns:minmax(0,1fr)}
.hpb-art{padding:22px 17px 26px}
.hpb-body .hpb-need ul{grid-template-columns:minmax(0,1fr)}
.hpb-cmp{grid-template-columns:minmax(0,1fr)}
.hpb-rel ul{grid-template-columns:minmax(0,1fr)}
.hpb-pn{grid-template-columns:minmax(0,1fr)}
.hpb-pn__next{grid-column:auto;text-align:left}
.hpb-foot__grid{grid-template-columns:minmax(0,1fr);gap:22px}
}
@media print{
.hpb-head,.hpb-aside,.hpb-foot,.hpb-rel,.hpb-pn,.hpb-hero{display:none}
.hpb-cols{display:block}
}