/* Label Archive: restrained editorial layout; all filters remain in document flow. */
body.aldam-guide{--bg:#f7faf4;--card:#fff;--text:#243e32;--sub:#5a6c62;--muted:#64756a;--line:#dce7d8;--soft:#eff5e9;--blue:#156342;--green-bg:#eff5e9;--red:#9c4937;--red-bg:#faf1ec;--red-line:#ead9cf;background:var(--bg);color:var(--text);font-family:system-ui,'Malgun Gothic',sans-serif;line-height:1.75;letter-spacing:-.02em}
body.aldam-guide .wrap,body.aldam-guide>header,body.aldam-guide>main,body.aldam-guide>footer{max-width:880px;margin-inline:auto;padding:24px 22px}
body.aldam-guide h1{font-size:clamp(27px,5vw,38px);line-height:1.35;margin:24px 0 12px;color:var(--text)}
body.aldam-guide h2{font-size:20px;line-height:1.5}
body.aldam-guide .back,body.aldam-guide .brand{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-weight:650;text-decoration:none}
body.aldam-guide .lead,body.aldam-guide .intro{font-size:15px;color:var(--sub);line-height:1.8}
body.aldam-guide .guide-quick{background:var(--soft);border:1px solid var(--line);border-radius:22px;padding:22px;margin:24px 0}
body.aldam-guide .guide-kicker{font-size:12px;font-weight:600;color:var(--blue)}
body.aldam-guide .guide-quick h2{margin:8px 0 16px}
body.aldam-guide .guide-quick li{margin:12px 0;font-size:14px}
body.aldam-guide .guide-note{font-size:13px;color:var(--sub);border-top:1px solid var(--line);padding-top:14px;margin-top:18px}
body.aldam-guide .guide-section-title{margin:26px 0 12px;font-size:16px}
body.aldam-guide .guide-fold{background:#fff;border:1px solid var(--line);border-radius:16px;margin:10px 0;padding:0;overflow:hidden}
body.aldam-guide .guide-fold>summary{cursor:pointer;padding:16px 18px;font-size:14px;font-weight:600;line-height:1.6;color:var(--blue)}
body.aldam-guide .guide-fold[open]>summary{border-bottom:1px solid var(--line);background:var(--soft)}
body.aldam-guide .guide-fold-content,body.aldam-guide .guide-fold>footer{padding:18px;margin:0}
body.aldam-guide .guide-fold>h2,body.aldam-guide .guide-fold>p{margin:16px 18px}
body.aldam-guide .step,body.aldam-guide .box,body.aldam-guide .alert,body.aldam-guide .notice{border:1px solid var(--line);border-radius:16px;background:var(--soft);padding:18px;margin:16px 0;box-shadow:none;color:var(--text)}
body.aldam-guide .guide-fold>.step,body.aldam-guide .guide-fold>.box,body.aldam-guide .guide-fold>.alert{margin:14px}
body.aldam-guide .links a,body.aldam-guide button,body.aldam-guide .drag,body.aldam-guide .contact{border-radius:12px;border:1px solid var(--line);background:var(--soft);color:var(--blue);min-height:44px;padding:10px 14px;line-height:1.5}
body.aldam-guide .contact,body.aldam-guide .drag{background:var(--blue);color:#fff}
body.aldam-guide a{overflow-wrap:anywhere;text-underline-offset:3px}
body.aldam-guide textarea{max-width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text)}
body.aldam-guide>main>section{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin-top:20px}
body.aldam-guide :focus-visible{outline:2px solid var(--blue);outline-offset:3px}
:root{--bg:#faf9f6;--card:#fff;--text:#252b27;--sub:#525d56;--muted:#737b74;--line:#dddeda;--soft:#f2f3ee;--blue:#345847;--blue-dk:#294c3c;--blue-bg:#edf3ee;--red:#ad402e;--red-dk:#953522;--red-bg:#fcf1eb;--red-line:#e9c9bd;--green:#466653;--green-bg:#f0f4ef;--green-line:#d9e3d7;--chip:#f1f2ee;--shadow:none;--shadow-hi:none;--r:8px}
body{letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word}
.wrap{max-width:1220px;padding:0 32px}
.nav{padding:23px 0;border-bottom:1px solid var(--line);gap:24px}
.logo{font-size:21px;white-space:nowrap;gap:10px;letter-spacing:-1px}
.logo i{background:var(--text);border-radius:3px;width:31px;height:33px;font-size:19px}
.logo .aldam-mascot{display:block;position:relative;flex:0 0 46px;width:46px;height:49px;overflow:hidden}
.logo .aldam-mascot img{position:absolute;width:124px;height:124px;max-width:none;left:-38px;top:-23px;pointer-events:none}
.aldam-header-shell,body.aldam-guide>header.aldam-header-shell{position:sticky;top:0;z-index:40;background:#f7faf4;border-bottom:1px solid #dce7d8}
body.aldam-guide>header.aldam-header-shell{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px}
.aldam-header-shell .nav{border-bottom:0}
body.aldam-guide .logo{display:inline-flex;align-items:center;gap:10px;color:#156342;font-size:25px;font-weight:800;text-decoration:none;white-space:nowrap;min-height:49px}
html{scroll-padding-top:100px}
.logo-caption{display:none}
.nav nav{gap:2px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}
.nav nav a{padding:8px 9px;border-radius:3px}
.hero{padding:40px 0 24px}
.hero-grid{grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.eyebrow{padding:0;background:none;border-radius:0;color:var(--sub);font-size:10px;letter-spacing:1.35px}
.hero h1{margin:17px 0 16px;font-size:40px;line-height:1.25;letter-spacing:-1.8px;font-weight:750}
.hero h1 em{color:var(--text)}
.hero p{font-size:14px;line-height:1.8;color:var(--sub)}
.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--text);border-bottom:1px solid var(--line)}
.tile{min-width:0;padding:22px 12px;background:none;border-radius:0;box-shadow:none;position:relative}
.tile+.tile{border-left:1px solid var(--line)}
.tile:hover{background:var(--soft);box-shadow:none}
.tile .lb{font-size:12px;letter-spacing:-.5px}
.tile b{font-size:32px;margin:13px 0 15px;font-weight:550;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.tile.ok b,.tile.cos b{color:var(--text)}
.tile small{font-size:10px;font-weight:400}
.top{margin:27px 0 0;gap:4px;font-size:11px}
.top button{background:none;padding:5px 9px;border-radius:2px;font-size:11px;box-shadow:none;font-weight:500}
.top button:hover{background:var(--red-bg)}
.bar{padding:0;position:relative;z-index:5}
.panel{padding:0;background:none;border-radius:0;box-shadow:none}
.mode{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:0;background:none;border-bottom:1px solid var(--line);border-radius:0}
.mode button{padding:17px 6px;border-radius:0;font-size:15px;font-weight:650;border-bottom:3px solid transparent;white-space:normal;color:var(--sub)}
.mode button.on{background:none;box-shadow:none;border-color:currentColor}
.mode button:hover{background:var(--soft)}
.row2{margin-top:22px;gap:12px}
.search input{border:1px solid var(--line);border-radius:4px;background:var(--card);padding:16px 16px 16px 42px;font-size:14px}
.search::before{content:"";width:13px;height:13px;border:1.5px solid var(--sub);border-radius:50%;left:17px;transform:translateY(-65%)}
.search::after{content:"";width:6px;height:1.5px;background:var(--sub);position:absolute;left:29px;top:58%;transform:rotate(45deg);pointer-events:none}
select{border:1px solid var(--line);border-radius:4px;background-color:var(--card);padding-top:15px;padding-bottom:15px;font-size:13px;font-weight:500}
#co{width:220px;max-width:36%}
.tabs{gap:6px;margin:19px 0 0;padding-bottom:22px;border-bottom:1px solid var(--line)}
.tabs button{border:1px solid var(--line);background:transparent;padding:7px 10px;border-radius:3px;font-size:12px;font-weight:500;line-height:1.5}
.tabs button.on{background:var(--text);border-color:var(--text);color:var(--card)}
.opts{justify-content:flex-end;margin:14px 0 0;gap:6px}
.opts select{background-color:transparent;font-size:11px;box-shadow:none;border:0;padding:6px 30px 6px 8px}
.stats{font-size:13px;margin:18px 0 14px;font-weight:400}
.limitnote{background:var(--soft);border-radius:4px;padding:12px 15px;font-size:11px;line-height:1.7;color:var(--sub)}
.limitnote a{text-underline-offset:3px}
.ratio{border:1px solid var(--line);border-radius:4px;padding:12px 16px;margin:8px 0;box-shadow:none;background:transparent}
.ratio summary{font-size:12px;font-weight:500}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:12px}
.card{border:1px solid var(--line);border-radius:6px;padding:20px;gap:14px;box-shadow:none;min-width:0;transition:border-color .15s}
.card:hover{transform:none;border-color:#a4afa6;box-shadow:none}
.head{align-items:flex-start;min-height:56px}
.ico{display:none}
.head .meta{font-size:11px;font-weight:500;line-height:1.6}
.card h3{font-size:17px;margin-top:5px;line-height:1.5;font-weight:650;letter-spacing:-.6px;color:var(--text)}
.warn,.okbox,.flagbox{border-radius:3px;padding:12px;border-left:2px solid var(--line)}
.warn{border-color:var(--red)}
.warn .t,.okbox .t,.flagbox .t{font-size:11px;letter-spacing:0;font-weight:650;margin-bottom:9px}
.warn li,.okbox li{padding:4px 7px;border-radius:2px;font-size:12px;font-weight:500}
.warn li span,.okbox li span{font-size:11px}
.card.unk .okbox{background:var(--soft)}
.card.unk .okbox .t,.card.unk .okbox li span{color:var(--sub)}
.chips button{border-radius:3px;font-size:11px;padding:5px 8px;border:1px solid var(--line);font-weight:500;line-height:1.6}
.madebox{font-size:11px}.madebox b{border-radius:2px;padding:3px 7px;font-weight:500}
.detailbtn{background:var(--text);color:var(--card);border-radius:3px;font-size:12px;padding:11px 13px;font-weight:550}
.detailbtn:hover{background:var(--blue-dk);color:#fff}
#list .card{position:relative}
#list .head,#list .head>div:not(.ico){width:100%;min-width:0}
#list .head .meta{display:flex;flex-wrap:wrap;gap:2px 12px;padding-right:88px;min-height:24px}
#list .card-report-inline{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:32px;margin:0;padding:6px 9px;border:1px solid var(--green-line);border-radius:8px;background:var(--green-bg);color:var(--blue);font:inherit;font-size:11px;font-weight:500;line-height:1.4;text-decoration:none;white-space:nowrap;cursor:pointer}
#list .card-report-inline:hover{background:var(--soft);border-color:var(--blue)}
#list .product-options{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--green-bg);min-width:0}
#list .product-options>span{font-size:12px;font-weight:600;color:var(--blue)}
#list .product-options select{width:100%;min-width:0;max-width:100%;font-size:13px;min-height:44px;border-radius:8px;padding:9px 28px 9px 9px;background-color:#fff;text-overflow:ellipsis}
#list .product-options small{font-size:11px;line-height:1.5;color:var(--sub)}
#list .cosmetic-pending-summary{padding:15px 16px;border:1px solid #e1e7e9;border-radius:14px;background:#f3f6f7}
#list .cosmetic-pending-summary .cosmetic-summary-line{margin:0;font-size:15px;font-weight:600;line-height:1.5;color:#304b55}
#list .cosmetic-pending-summary .cosmetic-pending-note{margin:5px 0 12px;font-size:12px;font-weight:400;color:#63747a;line-height:1.6}
#list .cosmetic-pending-reason{border:0;border-top:1px solid #dde5e8;border-radius:0;padding:10px 0 0;margin:0;background:none}
#list .cosmetic-pending-reason summary{font-size:12px;font-weight:400;color:#52676f;cursor:pointer}
#list .cosmetic-pending-reason p{font-size:12px;font-weight:400;line-height:1.7;margin:9px 0 0;color:#52676f}
#list .personal-match-pending{padding:10px 0;margin:0}
#cosmeticGuide{display:block;padding:0;margin:12px 0}
#cosmeticGuide[hidden]{display:none}
#cosmeticGuide>.cosmetic-guide-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;min-height:48px;box-sizing:border-box;cursor:pointer;list-style:none;font-weight:600}
#cosmeticGuide>.cosmetic-guide-toggle::-webkit-details-marker{display:none}
#cosmeticGuide>.cosmetic-guide-toggle::before{content:none}
#cosmeticGuide .guide-toggle-label{font-size:12px;font-weight:400;white-space:nowrap}
#cosmeticGuide .guide-toggle-label::after{content:'펼치기 ＋'}
#cosmeticGuide[open] .guide-toggle-label::after{content:'접기 −'}
#cosmeticGuide[open]>.cosmetic-guide-toggle{border-bottom:1px solid var(--line);margin-bottom:16px}
#cosmeticGuide>:not(summary){margin-left:20px;margin-right:20px}
#cosmeticGuide>:last-child{margin-bottom:20px}
#cosmeticGuide:not([open])>:not(summary){display:none}
.cosmetic-guide .interest-quick{margin:16px 0 10px}
.cosmetic-guide .interest-quick h4{margin:0;font-size:14px}
.cosmetic-guide .interest-quick-hint{margin:5px 0 12px;font-size:12px;color:var(--sub)}
.cosmetic-guide .interest-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cosmetic-guide .interest-presets button{width:100%;min-width:0;min-height:44px;padding:10px 8px;border:1px solid var(--green-line);border-radius:12px;background:#fff;color:var(--sub);font-size:12px;line-height:1.5;white-space:normal;text-align:left}
.cosmetic-guide .interest-presets button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.cosmetic-guide .interest-quick-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:12px;color:var(--sub)}
.cosmetic-guide #clearInterests{border:0;background:transparent;color:var(--blue);font:inherit;min-height:36px;padding:6px;cursor:pointer}
.cosmetic-guide #clearInterests:disabled{opacity:.45;cursor:default}
.cosmetic-guide #interestStatus{font-size:12px;line-height:1.5;margin:4px 0;color:var(--sub)}
.cosmetic-guide #interestStatus:empty{display:none}
.cosmetic-guide .interest-settings{border-top:1px solid var(--green-line);padding-top:12px}
.cosmetic-guide .interest-presets button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;padding:12px 10px}
.cosmetic-guide .preset-title{display:flex;gap:6px;font-size:13px;font-weight:600;line-height:1.5}
.cosmetic-guide .preset-description{display:block;font-size:11px;line-height:1.6;font-weight:400;color:#5a6c62;word-break:keep-all}
.cosmetic-guide button[aria-pressed=true] .preset-description{color:#f0f6ed}
.cosmetic-guide .interest-preset-evidence{margin:12px 0;border-top:1px solid var(--green-line);padding-top:12px;color:var(--sub);font-size:12px}
.cosmetic-guide .interest-preset-evidence summary{cursor:pointer;font-weight:500}
.cosmetic-guide .interest-preset-evidence p{font-size:12px;line-height:1.7;margin:8px 0}
.cosmetic-guide .interest-preset-evidence section{padding:12px 0;border-top:1px solid var(--green-line)}
.cosmetic-guide .interest-preset-evidence h5{margin:0;font-size:13px;color:var(--text)}
.cosmetic-guide .interest-preset-evidence a{color:var(--blue);text-underline-offset:3px}
.cosmetic-guide .interest-preset-evidence small{display:block;margin-top:6px;font-size:11px}
.verified-label-photo{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.verified-label-photo img{display:block;width:100%;max-height:260px;object-fit:contain}.verified-label-photo figcaption{padding:7px 10px;color:var(--muted);font-size:11px}
/* Report styling stays scoped so product and ingredient dialogs are untouched. */
#dlg:has(.report-dialog){width:540px}
#dlgBody:has(.report-dialog){padding:26px}
#dlgBody .report-dialog{font-size:14px}
#dlgBody .report-dialog .x{top:14px;right:14px;min-width:36px;min-height:36px;padding:0;font-size:24px;line-height:1;background:var(--green-bg)}
#dlgBody .report-kicker{font-size:11px;color:var(--blue);font-weight:600}
#dlgBody .report-heading h3{margin:7px 0 5px;font-size:23px;line-height:1.35}
#dlgBody .report-heading p{margin:0 24px 18px 0;font-size:13px;color:var(--sub);line-height:1.6}
#dlgBody .report-product{display:flex;flex-direction:column;gap:5px;background:var(--green-bg);border:1px solid var(--green-line);border-radius:14px;padding:14px;margin-bottom:20px}
#dlgBody .report-product small{font-size:11px;font-weight:400;color:var(--sub)}
#dlgBody .report-product strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
#dlgBody .report-product span{font-size:12px;color:var(--sub);font-weight:400}
#productReportForm{display:flex;flex-direction:column;gap:17px}
#productReportForm .report-field{display:flex;flex-direction:column;gap:8px}
#productReportForm label{font-size:13px;font-weight:600;color:var(--text)}
#productReportForm label small{font-size:11px;font-weight:400;color:var(--sub);margin-left:5px}
#productReportForm input:not([type=file]),#productReportForm select,#productReportForm textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px;color:var(--text);font:inherit;font-size:16px;line-height:1.5}
#productReportForm select{padding-right:32px;min-height:46px}
#productReportForm textarea{resize:vertical;min-height:96px}
#productReportForm ::placeholder{color:var(--muted);font-size:13px}
#productReportForm .report-photo-box{border:1px dashed var(--green-line);border-radius:14px;background:var(--green-bg);padding:14px;display:flex;flex-direction:column;gap:8px}
#productReportForm .report-photo-box p{font-size:12px;color:var(--sub);margin:0;line-height:1.6;overflow-wrap:anywhere}
#productReportForm .report-photo-box small{font-size:11px;color:var(--sub);line-height:1.6}
#reportPhotos{width:100%;min-width:0;font:inherit;font-size:12px;color:var(--sub)}
#reportPhotos::file-selector-button{border:1px solid var(--green-line);border-radius:8px;background:#fff;color:var(--blue);padding:10px 12px;margin:0 10px 0 0;cursor:pointer;font:inherit;font-weight:600}
#productReportForm .report-optional{border:0;border-top:1px solid var(--line);padding:13px 0 0;background:none}
#productReportForm .report-optional summary{font-size:13px;color:var(--sub);cursor:pointer}
#productReportForm .report-optional summary span{display:block;margin:4px 0 0 15px;font-size:11px;color:var(--muted)}
#productReportForm .report-optional .report-field{margin-top:14px}
#productReportForm .report-actions{display:flex;flex-direction:column;gap:8px}
#productReportForm .report-actions button{font:inherit;font-size:13px;border-radius:10px;min-height:44px;cursor:pointer}
#productReportForm .report-primary{border:1px solid var(--blue);background:var(--blue);color:#fff;font-weight:600}
#productReportForm .report-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#productReportForm .report-secondary button{border:1px solid var(--line);background:#fff;color:var(--blue)}
#productReportForm .report-actions button:hover{filter:brightness(.96)}
#reportStatus:empty{display:none}
#dlgBody #reportStatus{margin:0;padding:12px;border-radius:10px;background:var(--green-bg);font-size:13px;line-height:1.6}
#dlgBody .report-send-note{font-size:12px;color:var(--sub);line-height:1.6;margin:12px 0}
#dlgBody .report-help{border:0;border-top:1px solid var(--line);border-radius:0;background:none;padding:12px 0 0;font-size:12px;color:var(--sub)}
#dlgBody .report-help summary{cursor:pointer}
#dlgBody .report-help p{font-size:12px;overflow-wrap:anywhere;margin:8px 0 0;line-height:1.7}
@media(max-width:520px){#dlgBody:has(.report-dialog){padding:22px 18px}}
#co{width:100%;max-width:none;min-width:0;border:1px solid var(--line);background-color:var(--soft);border-radius:12px;padding:11px 13px;color:var(--text)}
.card details{font-size:11px}.card details summary{font-weight:500}
.trust{gap:4px}.trust span,.tag{border-radius:2px;padding:3px 6px;font-size:10px;font-weight:500}
.src{font-size:11px;line-height:1.7}
.alt{font-size:10px;gap:5px;padding-top:10px}.alt button{font-size:10px;border-radius:2px;padding:4px 7px}
.links{border-top:1px solid var(--line);padding-top:12px;gap:6px}
.links a{font-size:11px;padding:4px 7px;background:none;border:1px solid var(--line);border-radius:2px;font-weight:500}
.addbtn{border-radius:3px!important;font-size:11px!important}
.pager{padding:18px 0 30px}.pager button{border-radius:3px!important;box-shadow:none!important;font-size:12px}
.sec{margin-top:46px;border-top:2px solid var(--text);padding-top:18px}
.sec h2{font-size:23px;font-weight:650;letter-spacing:-.7px}.sec h2 .sub{font-size:11px;font-weight:400}
.news{gap:0;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.news a{border-radius:0;background:transparent;box-shadow:none;padding:21px 18px;border-bottom:1px solid var(--line);min-width:0}
.news a:hover{transform:none;background:var(--soft);box-shadow:none}
.news a h3{font-size:15px;line-height:1.6;font-weight:600}
.more{border:1px solid var(--line);border-radius:3px;background:transparent;box-shadow:none}
footer{background:none;border-radius:0;border-top:1px solid var(--line);padding:26px 0 80px;margin-top:40px;box-shadow:none;font-size:11px;line-height:1.9}
dialog{border-radius:8px;border:1px solid var(--line)}
.dlg{padding:28px}.dlg h2{letter-spacing:-.6px}.dlg .x{border-radius:3px}
#tip{border-radius:5px;font-size:12px}#cart,#top{border-radius:4px;box-shadow:0 3px 12px #0001;font-size:12px}
:focus-visible{outline:2px solid var(--blue)!important;outline-offset:4px!important}
@media(min-width:1400px){.logo-caption{display:inline;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:6px}}
@media(max-width:1000px){.nav{align-items:flex-start;flex-direction:column;gap:10px}.nav nav{justify-content:flex-start}.nav nav a:first-child{padding-left:0}.hero-grid{gap:24px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:34px}.tile{padding:18px 9px}.tile b{font-size:27px}.tile .lb{font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wrap{padding:0 20px}.nav{padding:18px 0 12px}.nav nav{display:flex;font-size:11px;gap:0}.nav nav a{padding:6px 8px}.hero{padding:26px 0 22px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero h1{font-size:34px;margin-top:12px}.hero p{font-size:13px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{padding:14px 10px}.tile b{margin:7px 0;font-size:27px}.top{margin-top:15px}.mode button{font-size:12px;padding:14px 3px}.mode{grid-template-columns:repeat(4,minmax(0,1fr))}.row2{margin-top:17px;flex-wrap:wrap;gap:8px}.search{flex-basis:100%}.search input{font-size:13px}#co{width:100%;max-width:none;padding-top:10px;padding-bottom:10px}.tabs{gap:5px;margin-top:14px;padding-bottom:17px}.tabs button{font-size:11px;padding:5px 8px}.news{grid-template-columns:1fr}.news a{padding:17px 0}.sec h2 .sub{display:block;margin-top:7px}.limitnote{font-size:10px}.dlg{padding:22px}}
@media(max-width:520px){.grid{grid-template-columns:minmax(0,1fr);gap:12px}.card{padding:18px}.card .head{min-height:0}.hero h1{font-size:32px}.eyebrow{font-size:8px;letter-spacing:1px}.tile small{font-size:9px}.tile .lb{font-size:10px}.mode button{font-size:11px}.stats{font-size:12px}.opts{gap:0}.logo{font-size:20px}}
@media(prefers-color-scheme:dark){:root{--bg:#1b201d;--card:#242a26;--text:#eef0e9;--sub:#c3cbc1;--muted:#a0aa9f;--line:#414a42;--soft:#2c342d;--blue:#b1ccb8;--blue-dk:#b1ccb8;--blue-bg:#2e4234;--red:#f4a08b;--red-dk:#ffb39f;--red-bg:#3f2c25;--red-line:#745044;--green:#b2c8ad;--green-bg:#2e3a2d;--chip:#2c342d}.logo i{color:var(--bg)}.detailbtn:hover{color:var(--bg)}}
.news b{font-size:15px;line-height:1.6;font-weight:600}.news .sub em{border-radius:2px}.collection-insights:has(#ratio[hidden]):has(#coPanel[hidden]){display:none}
.hero:has(~.bar #mode [data-m="cos"].on) .top{display:none}
@media(max-width:760px){.sec h2{display:block}.mode button{word-break:keep-all}.hero p{max-width:24em}.tile small{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Phone-first reading and touch targets; categories deliberately scroll away. */
#contactMail a,#businessMail a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;margin-block:8px;border:1px solid var(--line);border-radius:4px;color:var(--blue);font-size:14px}.contact-address{overflow-wrap:anywhere;user-select:all}
@media(max-width:760px){
 .wrap{padding-inline:16px}.hero h1{font-size:clamp(26px,7.5vw,34px)}
 .hero p{font-size:15px;max-width:none}.limitnote{font-size:13px;line-height:1.8}
 input,select,textarea,.search input{font-size:16px!important;min-height:44px;min-width:0}
 button,.links a,.nav nav a,summary{min-height:44px;touch-action:manipulation}
 .nav nav a,.links a{display:inline-flex;align-items:center}
 .mode{grid-template-columns:repeat(2,minmax(0,1fr))}.mode button{font-size:14px;padding:12px 8px}
 .tabs{display:flex;flex-wrap:wrap;overflow:visible;max-height:none}.tabs button{font-size:13px;padding:10px}
 .bar{position:relative;top:auto}.card{padding:16px;min-width:0}
 .card h3{font-size:18px}.warn li,.okbox li,.chips button,.src,.card details,.madebox,.links a{font-size:14px;line-height:1.7}
 .warn li span,.okbox li span,.trust span,.tag,.alt,.alt button{font-size:12px}
 .detailbtn{font-size:15px}.trust{flex-wrap:wrap}.badge2{white-space:normal}
 dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);overflow:auto}
 .dlg{padding:18px;overflow-wrap:anywhere;font-size:15px;line-height:1.75}.dlg .x{min-width:60px}
 footer{font-size:13px}.pager{display:flex;flex-wrap:wrap;gap:8px}.pager button{min-width:44px}
}
/* A compact, optional reading break before product search. */
.daily-tips{margin:14px 0 18px;padding:14px 18px;background:#f0f8ec;border:1px solid #d4e6cd;border-radius:20px;color:#244e3b;min-width:0}
.daily-tips[hidden]{display:none}.tip-top{display:flex;align-items:center;gap:9px}.tip-top strong{font-size:14px}.tip-top>span:last-of-type{font-size:12px;color:#56745e}.daily-tips button{width:auto;min-height:36px;border:1px solid #caddc7;background:#fff;border-radius:12px;color:#28563e;cursor:pointer;padding:4px 10px}.daily-tips button:focus-visible,.daily-tips summary:focus-visible{outline:3px solid #498765;outline-offset:3px}#tipPlay{margin-left:auto;font-size:12px;white-space:nowrap}.tip-mascot{position:relative;width:34px;height:37px;overflow:hidden;flex-shrink:0}.tip-mascot img{position:absolute;width:80px;max-width:none;height:80px;left:-24px;top:-13px}.tip-viewport{overflow:hidden;touch-action:pan-y;cursor:grab}.tip-track{display:flex;transition:transform .45s ease;align-items:stretch}.tip-slide{flex:0 0 100%;min-width:0;box-sizing:border-box;padding:12px 0 8px}.tip-slide h3{margin:0 0 6px;font-size:18px;line-height:1.45;letter-spacing:-.025em}.tip-slide p{margin:0;font-size:14px;line-height:1.65;color:#46634f;max-width:70ch}.tip-bottom{display:flex;align-items:flex-start;gap:14px;justify-content:space-between}.tip-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12px}.tip-controls button{min-width:36px;font-size:22px;line-height:1}.daily-tips details{flex:1;min-width:0;font-size:13px}.daily-tips summary{cursor:pointer;min-height:36px;display:flex;align-items:center;color:#416b50}.daily-tips summary::before{content:'+ ';margin-right:5px}.daily-tips details[open] summary::before{content:'− '}.daily-tips details p{line-height:1.7;margin:6px 0}.daily-tips details a{color:#215b3f;text-decoration:underline}.daily-tips details small{display:block;margin-top:8px;color:#687e6c}.daily-tips:has(details[open]) .tip-bottom{flex-wrap:wrap}@media(max-width:520px){.daily-tips{padding:12px 14px}.tip-slide h3{font-size:17px}.tip-slide p{font-size:14px}.tip-top{gap:6px}.tip-top>span:last-of-type{font-size:11px}}@media(prefers-reduced-motion:reduce){.tip-track{transition:none}}
/* Single-line tip strip. Details occupy a second row only when requested. */
#dailyTips{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:6px;margin:10px 0 12px;padding:7px 10px;border-radius:14px;text-align:left}
#dailyTips[hidden]{display:none}#dailyTips .tip-top,#dailyTips .tip-bottom,#dailyTips #tipDetails{display:contents}
#dailyTips #tipTopic,#dailyTips #tipPrev,#dailyTips #tipPosition{display:none}
#dailyTips .tip-top strong{grid-column:1;grid-row:1;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:4px}
#dailyTips .tip-mascot{display:block;width:27px;height:30px}
#dailyTips .tip-mascot img{width:64px;height:64px;left:-19px;top:-10px}
#dailyTips .tip-viewport{grid-column:2;grid-row:1;min-width:0}#dailyTips .tip-slide{padding:0}#dailyTips .tip-slide h3{margin:0;font-size:14px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
#dailyTips .tip-controls{grid-column:3;grid-row:1}#dailyTips #tipPlay{grid-column:4;grid-row:1;margin:0}
#dailyTips button{min-width:28px;min-height:30px;height:30px;padding:0 5px;border:0;background:transparent;border-radius:8px}
#dailyTips #tipDetails summary{grid-column:5;grid-row:1;min-height:30px;min-width:28px;justify-content:center;font-size:16px;padding:0}#dailyTips #tipDetails summary::before{display:none}
#dailyTips #tipDetails>p,#dailyTips #tipDetails>a,#dailyTips #tipDetails>small{grid-column:1/-1;margin:4px 0;line-height:1.6}
#dailyTips #tipDetails:not([open])>p,#dailyTips #tipDetails:not([open])>a,#dailyTips #tipDetails:not([open])>small{display:none}