*{box-sizing:border-box}body{margin:0;background:#e9ddc8;color:#423125;font-family:"IBM Plex Sans KR",sans-serif;font-size:16px;line-height:1.65;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:4px}a{touch-action:manipulation}img,video{max-width:100%;height:auto}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{font-family:"Sunflower",serif;line-height:1.3;font-weight:700}h1{font-size:clamp(30px,5vw,56px);letter-spacing:-.035em}h2{font-size:26px}h3{font-size:21px}p+p{margin-top:1em}time,small{font-size:16px}button,summary{font:inherit}summary{cursor:pointer;min-height:44px;padding:10px 0}main{min-height:60vh}.cs-skip{position:absolute;left:12px;top:-100px;z-index:10;background:#423125;color:#e9ddc8;padding:12px}.cs-skip:focus{top:8px}.cs-shell{width:min(1180px,calc(100% - 32px));margin:auto}.cs-mast{padding:24px 0 16px}.cs-logo{display:inline-flex;min-height:44px;align-items:center;font-family:"Sunflower",serif;font-size:36px;line-height:1.2;font-weight:700;letter-spacing:-.04em}.cs-micro{font-size:16px;letter-spacing:.08em}.cs-nav{display:flex;flex-wrap:wrap;gap:4px 14px;padding:12px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;margin-top:18px}.cs-nav a{min-height:44px;display:flex;align-items:center;padding:6px 2px}.cs-nav a[aria-current]{font-weight:700;text-decoration:underline;text-underline-offset:8px}.cs-foot{padding:36px 0;margin-top:48px;border-top:1px solid currentColor}.cs-foot a{display:inline-flex;min-height:44px;align-items:center}.cs-hero{padding:24px 0;font-family:"Sunflower",serif;font-size:24px}.cs-intro{padding:32px 0 22px}.cs-intro p{margin-top:10px}.cs-section{margin-top:36px}.cs-section>h2{margin-bottom:18px}.cs-tiles{display:grid;gap:20px}.cs-item{min-width:0}.cs-item a{display:block;min-height:44px}.cs-pic{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:color-mix(in srgb,var(--primary) 20%,#e9ddc8)}.cs-blank{aspect-ratio:4/3;display:grid;place-items:center;border:1px solid currentColor;padding:20px;font-family:"Sunflower";font-size:30px;background:color-mix(in srgb,var(--primary) 12%,#e9ddc8)}.cs-copy{padding:14px 0}.cs-copy p{margin-top:8px}.cs-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:16px}.cs-new{color:#423125;border-bottom:2px solid var(--primary);font-size:16px;font-weight:bold}.cs-num{font-size:28px;font-family:"Sunflower";font-variant-numeric:tabular-nums;color:var(--primary)}.cs-rows>li{border-bottom:1px solid currentColor}.cs-rows a{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 0}.cs-rows a span{flex:1}.cs-rows img{width:72px;height:60px;object-fit:cover;flex:none}.cs-rows time{flex:none}.cs-groups{display:grid;gap:24px;margin-top:40px;padding-top:24px;border-top:2px solid currentColor}.cs-groups h2 a{display:block;min-height:44px}.cs-groups li a{display:block;min-height:44px;padding:8px 0}.cs-empty{padding:30px 0;border-block:1px dashed currentColor}.cs-rank{padding:20px;border:1px solid currentColor;margin-top:24px}.cs-rank h2{margin-bottom:12px}.cs-rank li a{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:10px 0;min-height:44px}.cs-post{max-width:860px;margin:32px auto}.cs-post h1{margin:18px 0;max-width:22ch}.cs-crumb{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline}.cs-text{padding:28px 0;line-height:1.9}.cs-text p{margin:1em 0}.cs-text a{text-decoration:underline;overflow-wrap:anywhere}.cs-text img,.cs-text video{display:block;max-width:100%;height:auto;margin:20px auto}.cs-text table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}.cs-text td,.cs-text th{padding:12px;border:1px solid currentColor}.cs-text blockquote{border-left:3px solid var(--primary);padding:10px 20px;margin:20px 0}.cs-turn{border-block:1px solid currentColor;margin-top:24px}.cs-turn a{display:block;padding:14px 0;min-height:44px}.cs-related{margin-top:30px}.cs-related h2{margin-bottom:12px}.cs-related li a{display:block;padding:10px 0;min-height:44px;border-bottom:1px solid currentColor}.cs-lost{padding:70px 0;max-width:700px}.cs-lost b{font-size:80px;font-family:"Sunflower";color:var(--primary)}.cs-lost h1{margin:20px 0}.cs-lost a{display:inline-flex;align-items:center;min-height:48px;padding:8px 18px;margin-top:20px;border:1px solid currentColor}.cs-table{width:100%;border-collapse:collapse;table-layout:fixed}.cs-table th,.cs-table td{padding:12px 6px;text-align:left;border-bottom:1px solid currentColor;vertical-align:top}.cs-table th:first-child{width:48px}.cs-table th:last-child{width:98px}.cs-table td a{display:block;min-height:44px}.cs-table caption{text-align:left;margin-bottom:12px}.cs-table img{width:60px;height:50px;object-fit:cover;margin:0 10px 8px 0;float:left}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:32px 0}.pagination a,.pagination strong,.pagination .gap{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid currentColor}.pagination strong{background:#423125;color:#e9ddc8}.pagination .gap{border:0}.pl{margin:24px 0}.pl p{margin:6px 0}.pl a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.pl-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin-bottom:12px}.pl-g a{display:block}.pl.pl .pl-g img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/1;object-fit:cover;margin:0}.pl-q{padding:12px 18px;border-left:3px solid var(--primary);background:color-mix(in srgb,var(--primary) 9%,#e9ddc8)}.pl-n{padding:16px;border:1px solid currentColor}.gu{margin:20px 0;min-height:1px}img.img-broken{background:color-mix(in srgb,var(--primary) 15%,#e9ddc8);object-fit:contain}.cs-text .pl a{display:inline;padding-block:10px}.cs-text .pl-g a{display:block;padding:0}
@media(min-width:700px){.cs-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-logo{font-size:48px}.cs-mast{padding-top:34px}.cs-intro{padding-top:44px}}
@media(min-width:1050px){.cs-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-nav{gap:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.cs-mast{border-bottom:5px solid var(--primary)}.cs-logo{font-size:44px;letter-spacing:-.06em}.cs-micro{background:var(--primary);color:#fff5dc;display:inline-block;padding:4px 10px}.cs-nav{border:0;margin-top:12px}.cs-hero{font-size:22px;border-left:14px solid var(--primary);padding:14px 18px;background:#d7c4a9;margin-top:20px}.cs-tape{background:#47372c;border:8px solid #71604a;border-radius:16px;color:#fff1d0;padding:18px;margin:24px 0;position:relative}.cs-reels{height:70px;background:radial-gradient(circle at 25% 50%,#47372c 0 12px,#d1b997 13px 28px,transparent 29px),radial-gradient(circle at 75% 50%,#47372c 0 12px,#d1b997 13px 28px,transparent 29px),#2d2823;border-radius:40px;border:3px solid #967e5c;margin:16px 0}.cs-tape h2{font-size:28px}.cs-tape .cs-pic{aspect-ratio:16/8;filter:sepia(.15)}.cs-tracks .cs-item{border-bottom:1px solid #a48c6a;padding:16px 0}.cs-tracks .cs-item a{display:grid;grid-template-columns:48px 1fr;gap:14px}.cs-tracks .cs-num{font-size:26px}.cs-tracks .cs-pic{grid-column:2;aspect-ratio:16/7}.cs-tracks .cs-copy{grid-column:2;padding:0}.cs-tracks .cs-blank{display:none}.cs-groups section{border-top:4px solid var(--primary);padding-top:20px}.cs-post{background:#fff2d8;padding:24px;border:1px solid #a48c6a}@media(min-width:900px){.cs-stereo{display:grid;grid-template-columns:1fr 1.25fr;gap:40px}.cs-tape{align-self:start;position:sticky;top:20px}.cs-tracks .cs-item a{grid-template-columns:40px 90px 1fr}.cs-tracks .cs-pic{grid-row:1;aspect-ratio:1}.cs-tracks .cs-copy{grid-column:3;grid-row:1}}.cs-new{color:inherit}a:focus-visible,summary:focus-visible{outline-color:currentColor}.cs-logo{display:flex;margin:12px 0}
.cs-pic{object-fit:contain;filter:none;mix-blend-mode:normal;background:color-mix(in srgb,currentColor 5%,transparent)}
.cs-item a:not(:has(img)){display:block}.cs-item a:not(:has(img)) .cs-copy{grid-column:1/-1}
.cs-item:has(a:not(:has(img))){align-self:start}.cs-blank{display:none}
.cs-nav a{font-size:16px;min-height:44px;padding:6px 8px}.cs-nav{gap:4px 8px}
.cs-hero{margin:0 0 22px;font-size:18px;padding:12px 16px;line-height:1.6}
.cs-intro{padding:24px 0 14px}.cs-intro h1{font-size:clamp(28px,4.5vw,52px)}
.cs-mast{padding-top:20px}.cs-copy h3{line-height:1.45}.cs-copy p{line-height:1.7}
.cs-item a:hover .cs-copy h3{text-decoration:underline;text-underline-offset:5px}
@media(max-width:699px){
.cs-shell{width:calc(100% - 28px)}.cs-mast{padding:16px 0 8px;margin-top:0}.cs-logo{font-size:32px;min-height:44px;margin:0}.cs-micro{letter-spacing:.02em;margin-bottom:4px}
.cs-nav{margin-top:8px;padding:4px 0;gap:2px 4px}.cs-nav a{padding:6px;flex:0 1 auto}
.cs-hero{padding:8px 12px;margin:0 0 16px;font-size:17px;transform:none;clip-path:none;border-radius:0;background:transparent;box-shadow:none;border-width:0 0 1px;text-align:left}
.cs-intro{padding:18px 0 10px;text-align:left}.cs-intro h1{font-size:28px;line-height:1.3}.cs-section{margin-top:26px}
.cs-copy{padding:12px 0}.cs-copy h3{font-size:22px}.cs-copy p{font-size:16px}.cs-groups{margin-top:28px;gap:20px}.cs-post{padding:16px;margin-top:22px}.cs-post h1{font-size:30px}
.cs-num{font-size:20px}.cs-rank{margin-top:24px}.cs-foot{margin-top:28px;padding:24px 0}
}
.cs-tape{border-width:4px;padding:16px;box-shadow:0 4px 0 #67513c}.cs-reels{height:48px;margin:0 0 14px;background:radial-gradient(circle at 25% 50%,#47372c 0 8px,#d1b997 9px 18px,transparent 19px),radial-gradient(circle at 75% 50%,#47372c 0 8px,#d1b997 9px 18px,transparent 19px),#2d2823}.cs-tape .cs-copy h2{font-size:24px;font-family:"IBM Plex Sans KR";font-weight:600}.cs-tape .cs-pic{aspect-ratio:16/10;filter:none}.cs-tracks .cs-item{padding:16px 0}.cs-tracks .cs-item a{grid-template-columns:32px minmax(0,1fr);gap:12px}.cs-tracks .cs-copy h3{font-family:"IBM Plex Sans KR";font-size:21px}.cs-tracks .cs-copy p{display:none}.cs-tracks .cs-num{font-size:22px}.cs-tracks .cs-pic{max-height:220px;aspect-ratio:16/9}.cs-tracks .cs-item a:not(:has(img)){display:grid}.cs-tracks .cs-item a:not(:has(img)) .cs-copy{grid-column:2}.cs-hero{border-left-width:4px;background:transparent}.cs-tape{margin-top:0}.cs-tracktitle{font-family:"IBM Plex Sans KR";font-size:22px;border-bottom:3px solid #a94a2e;padding-bottom:14px;margin-bottom:4px}.cs-cassetteline{display:flex;justify-content:space-between;font-size:16px;margin-bottom:12px;color:#f0d9ae}@media(min-width:700px){.cs-tracks .cs-item a{grid-template-columns:32px minmax(0,1fr) 104px}.cs-tracks .cs-item .cs-copy{grid-column:2;grid-row:1}.cs-tracks .cs-item .cs-pic{grid-column:3;grid-row:1;aspect-ratio:4/3}.cs-tracks .cs-item a:not(:has(img)) .cs-copy{grid-column:2/-1}}@media(min-width:900px){.cs-stereo{grid-template-columns:380px minmax(0,1fr)}}

/* QUALITY V4 */
h1,h2,h3,.cs-subject{word-break:keep-all;overflow-wrap:anywhere}.cs-copy h3,.cs-lettercopy h3,.cs-memo h3{letter-spacing:-.025em}
.cs-pic{filter:none!important;mix-blend-mode:normal!important}.cs-item,.cs-copy,.cs-subject,.cs-flow,.cs-box{min-width:0}
.cs-hero{font-family:"IBM Plex Sans KR",sans-serif;font-size:17px;line-height:1.65;letter-spacing:-.015em}.cs-meta{gap:6px 12px;font-variant-numeric:tabular-nums}
.cs-post{max-width:820px;margin:20px auto}.cs-post>header{border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);padding-bottom:16px}.cs-post>header h1{font-family:"IBM Plex Sans KR",sans-serif;font-weight:700;font-size:clamp(26px,3vw,40px);line-height:1.45;letter-spacing:-.035em;max-width:none;margin:8px 0 12px}.cs-post>header .cs-meta{border:0;padding:0;margin:0;font-family:"IBM Plex Sans KR",sans-serif;line-height:1.6}.cs-crumb{font-family:"IBM Plex Sans KR",sans-serif;min-height:44px}.cs-text{font-family:"IBM Plex Sans KR",sans-serif;font-size:17px;font-weight:400;line-height:1.9;padding:10px 0;letter-spacing:-.012em}.cs-text p{margin:14px 0}.cs-text img,.cs-text video{height:auto;max-width:100%}.cs-text h2{font-family:"IBM Plex Sans KR",sans-serif;font-size:25px;margin:28px 0 14px}.cs-text h3{font-family:"IBM Plex Sans KR",sans-serif;font-size:21px;margin:24px 0 12px}
.cs-turn,.cs-related,.cs-return,main>.cs-section,main>.gu{max-width:820px;margin-left:auto;margin-right:auto}.cs-turn{display:grid;gap:0}.cs-turn a{min-height:52px;padding:12px 14px;line-height:1.6;font-family:"IBM Plex Sans KR",sans-serif;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}.cs-related h2{font-family:"IBM Plex Sans KR",sans-serif;font-size:22px}.cs-related li a{font-family:"IBM Plex Sans KR",sans-serif;min-height:48px;line-height:1.6}.cs-return{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 0;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}.cs-return a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid currentColor;font:16px/1.5 "IBM Plex Sans KR",sans-serif}
.cs-nav a{font-family:"IBM Plex Sans KR",sans-serif}a:focus-visible{outline:3px solid currentColor;outline-offset:3px}.cs-post .pl{font-family:"IBM Plex Sans KR",sans-serif}.pagination a,.pagination strong{min-width:44px;min-height:44px}
@media(max-width:699px){.cs-post{margin-top:16px;padding:16px 12px}.cs-post>header h1{font-size:26px}.cs-post .cs-text{font-size:17px}.cs-hero{margin-bottom:14px}.cs-nav{row-gap:4px}.cs-copy h3{line-height:1.5}.cs-copy p{line-height:1.75}}
.cs-tracks .cs-num{font-family:"IBM Plex Sans KR",sans-serif;font-size:18px;color:#835034}.cs-tracks .cs-copy h3{font-size:21px}.cs-reels{height:40px}.cs-tape{border-radius:10px}.cs-tape .cs-copy p{color:#e4d7c1}.cs-cassetteline{font-family:"IBM Plex Sans KR";font-size:16px}.cs-tracks .cs-meta{color:#6f5944}.cs-hero{color:#5c4634}