/* 만든 곳: tools/build.py — templates/detail/detail.css 를 .rp-detail 안으로 가둔 것. 직접 고치지 말 것 */
.rp-detail{--cream:#FAF7F2;--cream2:#F3EEE6;--ink:#3A3531;--mute:#6E655D;--ac:#6E5940;--line:#E7DFD4}
.rp-detail *{box-sizing:border-box;margin:0;padding:0}
.rp-detail{font-family:"Noto Serif KR","Apple SD Gothic Neo","Malgun Gothic",serif;font-weight:300;
 color:var(--ink);background:var(--cream);line-height:2.05;font-size:15px;letter-spacing:-.2px;
 word-break:keep-all;-webkit-text-size-adjust:100%}
.rp-detail .page{max-width:780px;margin:0 auto;background:var(--cream)}
.rp-detail section{padding:96px 30px;text-align:center}
.rp-detail .tight{padding:72px 30px}
.rp-detail .paper{background:#fff}
.rp-detail .warm{background:var(--cream2)}
.rp-detail .deep{background:#3E3832;color:#F2EDE6}
.rp-detail .deep .eyebrow{color:#C6AE8A}
.rp-detail .deep p{color:#D9D2C8}
.rp-detail .deep .sm,.rp-detail .deep figcaption{color:#ADA49A}
.rp-detail .deep .note{background:#4A433C;border-color:#59514A;color:#DCD5CB}
.rp-detail .deep .note b{color:#F2EDE6}
.rp-detail .deep .hl{background:linear-gradient(to top,rgba(198,174,138,.3) 42%,transparent 42%)}
.rp-detail .eyebrow{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:16px;letter-spacing:3.8px;color:var(--ac);text-transform:uppercase;margin-bottom:26px}
.rp-detail h1{font-family:"Cormorant Garamond",serif;font-size:58px;font-weight:300;line-height:1.1;
 letter-spacing:6px;margin-bottom:26px}
.rp-detail h2{font-size:26px;font-weight:500;line-height:1.55;letter-spacing:-.8px;margin-bottom:22px}
.rp-detail h3{font-size:18px;font-weight:500;margin-bottom:10px;letter-spacing:-.4px}
.rp-detail p{margin-bottom:18px}
.rp-detail p:last-child{margin-bottom:0}
.rp-detail .lead{font-size:17px;line-height:2.1}
.rp-detail .sm{font-size:14px;color:var(--mute);line-height:1.95}
.rp-detail .em{font-weight:500}
.rp-detail .hl{background:linear-gradient(to top,rgba(138,115,85,.16) 42%,transparent 42%);font-weight:500}
.rp-detail .sep{width:36px;height:1px;background:var(--ac);margin:40px auto;opacity:.5}
.rp-detail figure{margin:38px 0 0}
.rp-detail figure img{display:block;width:100%;height:auto}
.rp-detail figcaption{font-size:13px;color:var(--mute);margin-top:14px;line-height:1.8}
.rp-detail .tag{display:inline-block;border:1px solid var(--line);padding:7px 15px;font-size:12.5px;
 margin:0 3px 8px;color:var(--mute);letter-spacing:.3px}
.rp-detail .deep .tag{border-color:#5B534B;color:#C9C0B6}
.rp-detail .note{background:var(--cream2);border:1px solid var(--line);padding:24px 26px;margin-top:30px;
 text-align:left;font-size:13.5px;line-height:2;color:#5E564E}
.rp-detail .paper .note{background:var(--cream)}
.rp-detail .warm .note{background:#fff}
.rp-detail .note b{font-weight:500;color:var(--ink)}
.rp-detail .four{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
 border:1px solid var(--line);margin-top:36px}
.rp-detail .four .c{background:#fff;padding:32px 24px}
.rp-detail .four .n{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:17px;font-weight:400;color:var(--ac);letter-spacing:1.8px}
.rp-detail .four b{display:block;font-size:17px;font-weight:500;margin:12px 0 6px}
.rp-detail .four p{font-size:13.5px;color:#5E564E;line-height:1.9}
.rp-detail .cols3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px;max-width:560px;margin:38px auto 0}
.rp-detail .sw{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);margin:0 auto 14px}
.rp-detail .sw-b{background:#1F1F1F}
.rp-detail .sw-w{background:#FBFBF8}
.rp-detail .sw-d{background-color:#FBFBF8;background-image:
 radial-gradient(circle at 32% 30%,#1F1F1F 20%,transparent 21%),
 radial-gradient(circle at 70% 62%,#1F1F1F 15%,transparent 16%),
 radial-gradient(circle at 42% 76%,#1F1F1F 11%,transparent 12%)}
.rp-detail .opt{max-width:560px;margin:34px auto 0;text-align:left}
.rp-detail .opt .item{padding:28px 0;border-bottom:1px solid var(--line)}
.rp-detail .opt .item:last-child{border-bottom:0}
.rp-detail .opt .n{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:17px;color:var(--ac);letter-spacing:1.8px}
.rp-detail .badge{display:inline-block;font-family:"Cormorant Garamond",serif;font-size:15px;
 letter-spacing:3.4px;color:#fff;background:var(--ac);padding:8px 26px;border-radius:99px;margin-bottom:44px}
.rp-detail .pack{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:470px;margin:0 auto}
.rp-detail .pack div{padding:18px 6px;border:1px solid var(--line);background:#fff}
.rp-detail .pack b{display:block;font-size:14.5px;font-weight:500;margin-bottom:2px}
.rp-detail .pack span{font-size:12.5px;color:var(--mute)}
.rp-detail .spec{max-width:470px;margin:36px auto 0;text-align:left}
.rp-detail .spec .row{padding:20px 0;border-bottom:1px solid var(--line)}
.rp-detail .spec .row:last-child{border-bottom:0}
.rp-detail .spec .k{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:19px;color:var(--ac);margin-bottom:6px;letter-spacing:.6px}
.rp-detail .spec .v{font-size:14.5px;line-height:1.9}
.rp-detail .spec .v small{display:block;font-size:13px;color:var(--mute);margin-top:5px;line-height:1.8}
.rp-detail .care{max-width:530px;margin:34px auto 0;text-align:left}
.rp-detail .care .li{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.rp-detail .care .li:last-child{border-bottom:0}
.rp-detail .care .n{font-family:"Cormorant Garamond",serif;font-size:19px;color:var(--ac);min-width:24px;line-height:1.6}
.rp-detail .care .t{font-size:14px;line-height:1.95}
.rp-detail footer{padding:52px 30px;background:#3E3832;color:#A99F93;text-align:center;
 font-family:"Cormorant Garamond",serif;letter-spacing:4px;font-size:14px}
@media(max-width:600px){.rp-detail section{padding:72px 22px}
.rp-detail h1{font-size:42px;letter-spacing:4px}
.rp-detail h2{font-size:22px}
.rp-detail .lead{font-size:15.5px}
.rp-detail .four{grid-template-columns:1fr}
.rp-detail .cols3{grid-template-columns:1fr;gap:34px}
.rp-detail .pack{grid-template-columns:1fr 1fr;gap:14px}}
.rp-detail .diagram{margin:34px auto 0;max-width:640px}
.rp-detail .diagram svg{width:100%;height:auto;display:block}
.rp-detail .brandbar{background:var(--cream);text-align:center;padding:34px 30px 30px;border-bottom:1px solid var(--line)}
.rp-detail .brandbar img{width:178px;height:auto;display:block;margin:0 auto}
.rp-detail .brandbar .tl{font-family:"Cormorant Garamond",serif;font-size:12px;letter-spacing:3.4px;color:var(--mute);margin-top:14px;text-transform:uppercase}
.rp-detail footer img{width:104px;height:auto;display:block;margin:0 auto 20px;opacity:.95}
.rp-detail footer .fl{font-family:"Cormorant Garamond",serif;letter-spacing:4px;font-size:13px;color:#A99F93}
.rp-detail footer .fs{font-size:12px;letter-spacing:.4px;color:#8E8378;margin-top:8px;font-family:"Noto Serif KR",serif}
.rp-detail .caution{max-width:560px;margin:34px auto 0;background:#fff;border:1px solid #DCCFBE;border-top:3px solid #A8543F;text-align:left;padding:0}
.rp-detail .caution .hd{display:flex;align-items:center;gap:12px;padding:22px 28px 18px;border-bottom:1px solid var(--line)}
.rp-detail .caution .hd .ic{width:26px;height:26px;border-radius:50%;border:1.5px solid #A8543F;color:#A8543F;font-family:"Cormorant Garamond",serif;font-size:17px;line-height:23px;text-align:center;flex:0 0 26px}
.rp-detail .caution .hd .tx{font-size:15.5px;font-weight:500;color:#A8543F;letter-spacing:-.3px;white-space:nowrap}
.rp-detail .caution .it{display:flex;gap:16px;padding:20px 28px;border-bottom:1px solid var(--line)}
.rp-detail .caution .it:last-child{border-bottom:0}
.rp-detail .caution .it .no{font-family:"Cormorant Garamond",serif;font-size:17px;color:#A8543F;flex:0 0 22px;line-height:1.6}
.rp-detail .caution .it .bd{font-size:13.5px;line-height:1.95;color:#5E564E}
.rp-detail .caution .it .bd b{display:block;font-weight:500;color:var(--ink);font-size:14.5px;margin-bottom:4px}
.rp-detail .caution .ft{padding:16px 28px;background:#FBF6F0;font-size:12.5px;color:#8C837B;line-height:1.85}
.rp-detail .opt .tagline{display:inline-block;font-size:11.5px;letter-spacing:.4px;color:var(--ac);border:1px solid var(--line);padding:3px 11px;margin-bottom:10px;background:#fff}
.rp-detail .opt .pm{margin-top:12px}
.rp-detail .opt .pm div{display:flex;gap:10px;font-size:13.5px;line-height:1.9;margin-bottom:6px}
.rp-detail .opt .pm div:last-child{margin-bottom:0}
.rp-detail .opt .pm .s{flex:0 0 14px;font-family:"Cormorant Garamond",serif;font-size:17px;line-height:1.5}
.rp-detail .opt .pm .up{color:#5F7F63}
.rp-detail .opt .pm .dn{color:#A8543F}
.rp-detail .quotes{max-width:600px;margin:40px auto 0}
.rp-detail .q{padding:28px 0;border-bottom:1px solid var(--line)}
.rp-detail .q:last-child{border-bottom:0}
.rp-detail .q .mk{font-family:"Cormorant Garamond",serif;font-size:34px;color:var(--ac);line-height:.5;display:block;margin-bottom:12px}
.rp-detail .q .tx{font-size:16.5px;line-height:1.95;color:#4A443E}
.rp-detail .q .by{font-size:13px;color:var(--mute);margin-top:12px;letter-spacing:.3px}
.rp-detail .wall{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:44px}
.rp-detail .wall img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.rp-detail .disc{font-size:12.5px;color:var(--mute);line-height:1.9;margin:28px auto 0;max-width:560px;padding-top:22px;border-top:1px solid var(--line);text-align:left}
.rp-detail .disc b{color:#5E564E;font-weight:500}
@media(max-width:600px){.rp-detail .wall{grid-template-columns:repeat(2,1fr);gap:8px}}
.rp-detail .dz{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}
.rp-detail .dz .d{background:#F8F4EC;border:1px solid var(--line)}
.rp-detail .dz img{display:block;width:100%;height:auto}
.rp-detail .dz .cap{background:#fff;border-top:1px solid var(--line);padding:14px 6px 16px;text-align:center}
.rp-detail .dz .no{display:block;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:18px;color:var(--ac);letter-spacing:1.5px;line-height:1.3;margin-bottom:2px}
.rp-detail .dz .nm{display:block;font-size:15px;font-weight:500;color:var(--ink);line-height:1.5}
.rp-detail .cmp{width:100%;border-collapse:collapse;margin-top:34px;text-align:left;font-size:14.5px}
.rp-detail .cmp th,.rp-detail .cmp td{padding:15px 10px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.7}
.rp-detail .cmp thead th{font-weight:500;font-size:15px;border-bottom:2px solid var(--ac);text-align:center}
.rp-detail .cmp thead th small{display:block;font-size:12.5px;color:var(--mute);font-weight:300}
.rp-detail .cmp tbody th{font-weight:500;color:var(--ac);width:24%;font-size:14px}
.rp-detail .cmp td{text-align:center;color:#4A443E}
.rp-detail .cmp td.hi{background:#FBF6EE;font-weight:500;color:var(--ink)}
.rp-detail .cmp th,.rp-detail .cmp td{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
@media (max-width:420px){.rp-detail .cmp th,.rp-detail .cmp td{padding:12px 6px}
.rp-detail .cmp{font-size:13.5px}
.rp-detail .cmp tbody th{font-size:13px}}
.rp-detail .deep .dz .d{background:#4A433C;border-color:#59514A}
.rp-detail .deep .dz .cap{background:#4A433C;border-color:#59514A}
.rp-detail .deep .dz .nm{color:#F2EDE6}
.rp-detail .deep .dz .no{color:#C6AE8A}
.rp-detail{--body-font:"Noto Serif KR","Apple SD Gothic Neo","Malgun Gothic",serif}
html:lang(en) .rp-detail,html:lang(it) .rp-detail,html:lang(de) .rp-detail,html:lang(pl) .rp-detail{--body-font:"Noto Serif","Noto Serif KR",Georgia,serif}
html:lang(ja) .rp-detail{--body-font:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}
html:lang(zh-Hant-TW) .rp-detail,html:lang(zh-Hant) .rp-detail,html:lang(zh-TW) .rp-detail{--body-font:"Noto Serif TC","PMingLiU",serif}
.rp-detail,.rp-detail footer .fs{font-family:var(--body-font)}
html:not(:lang(ko)) .rp-detail{letter-spacing:0;word-break:normal;overflow-wrap:break-word}
html:not(:lang(ko)) .rp-detail h2{letter-spacing:-.2px}
html:not(:lang(ko)) .rp-detail h3,html:not(:lang(ko)) .rp-detail .caution .hd .tx{letter-spacing:0}
html:lang(ja) .rp-detail,html:lang(zh-Hant-TW) .rp-detail{line-break:strict;line-height:2}
html:lang(ja) .rp-detail :is(h1,h2,h3,.lead,.eyebrow,.four b,.four p,.dz .nm,figcaption,.tag){word-break:auto-phrase}
html:lang(de) .rp-detail,html:lang(pl) .rp-detail,html:lang(it) .rp-detail{hyphens:auto}
.rp-detail h1,.rp-detail h2,.rp-detail h3,.rp-detail .lead,.rp-detail .four b,.rp-detail .four p,.rp-detail .dz .nm{text-wrap:balance}
.rp-detail .caution .hd .tx{white-space:normal}
.rp-detail .choose{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px;text-align:left}
.rp-detail .choose .c{background:#fff;border:1px solid var(--line);padding:32px 24px}
.rp-detail .choose .n{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:17px;color:var(--ac);letter-spacing:1.8px}
.rp-detail .choose b{display:block;font-size:17px;font-weight:500;margin:12px 0 6px}
.rp-detail .choose p{font-size:13.5px;color:#5E564E;line-height:1.9}
.rp-detail .anatomy{display:grid;grid-template-columns:47% 1fr;align-items:stretch;max-width:600px;margin:38px auto 0;text-align:left}
.rp-detail .anatomy img{display:block;width:100%;height:auto}
.rp-detail .anatomy .labels{position:relative}
.rp-detail .anatomy .lb{position:absolute;left:10px;right:0;transform:translateY(-.85em);line-height:1.5}
.rp-detail .anatomy .lb b{display:block;font-size:17px;font-weight:500;color:var(--ink)}
.rp-detail .anatomy .lb span{display:block;font-size:13px;color:var(--mute)}
.rp-detail .anatomy .lb:nth-child(1){top:3.5%}
.rp-detail .anatomy .lb:nth-child(2){top:27%}
.rp-detail .anatomy .lb:nth-child(3){top:50%}
.rp-detail .anatomy .lb:nth-child(4){top:73.4%}
@media(max-width:600px){.rp-detail .choose{grid-template-columns:1fr}
.rp-detail .anatomy{grid-template-columns:44% 1fr}
.rp-detail .anatomy .lb b{font-size:15px}
.rp-detail .anatomy .lb span{font-size:12px}}