/* 愛露營週刊 newsstand cover wall — draft. Built on v5.css. Never 100vw. */
.wall-tok{--t-bg:#fbf8f2;--t-text:#111111;--t-link:#111111;--t-accent:#7a5c30;--t-numeral:#7a5c30;--t-focus:#7a5c30;--t-on-block-1:#4a4a4a;--t-block-1:#fbf8f2;--t-on-block-2:#111111;--t-block-2:#efe7d6}
.wl{--cream:#efe7d6;--sub:#4a4a4a}
.wl-top{max-width:1320px;margin:0 auto;padding:24px var(--m) 8px;display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--accent)}
.wl-top .tt{font-size:28px;margin:0}.wl-top .kick{font-size:14px}
.wl{max-width:1320px;margin:0 auto;padding:24px var(--m) 72px}
.cvc{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#222}
.cvc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cvc .sc{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.82) 0,rgba(0,0,0,.7) 22%,rgba(0,0,0,.36) 32%,rgba(0,0,0,0) 44%,rgba(0,0,0,0) 54%,rgba(0,0,0,.5) 74%,rgba(0,0,0,.84) 100%)}
.cvc .ms{position:absolute;left:8%;right:8%;top:5%;margin:0;color:#fff;font:900 22px/1 var(--serif);letter-spacing:.06em;text-align:center}
.cvc .no{position:absolute;left:8%;right:8%;top:calc(5% + 34px);margin:0;color:#fff;font:italic 400 14px/1.2 var(--lat);letter-spacing:.08em;text-align:center}
.cvc .hl{position:absolute;left:8%;right:8%;bottom:6%;margin:0;color:#fff;font:900 16px/1.35 var(--serif)}
.cvc .dt{display:block;font:400 14px/1.3 var(--lat);letter-spacing:.08em;margin-top:6px}
.cvc .dk{display:none}
.cvc .no,.cvc .hl{text-shadow:0 0 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.8),0 0 16px rgba(0,0,0,.6)}
/* feature (latest) */
.feat{display:block;text-decoration:none;color:inherit;margin:0 0 40px}
.feat .cvc .ms{font-size:40px}.feat .cvc .no{top:calc(5% + 52px);font-size:18px}
.feat .cvc .hl{font-size:24px}
.cap{font:400 14px/1.5 var(--serif);letter-spacing:.04em;color:var(--sub);margin:8px 0 0}
.rd{font:600 14px/1.5 var(--serif);color:var(--sub);margin:2px 0 0}
.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
.grid>li{min-width:0}
.grid .card{display:block;height:auto;text-decoration:none;color:inherit;min-height:44px}
.wl .cap{max-width:none}
.card:focus-visible,.feat:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.card:hover .hl,.feat:hover .hl{text-decoration:underline;text-underline-offset:4px}
/* 範例 */
.smp .cvc{background:var(--cream)}
.smp .tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font:600 18px/1 var(--serif);letter-spacing:.3em;color:#4a4a4a;border:1px solid #4a4a4a;padding:10px 14px 10px 18px}
.smp.photo .tag{left:auto;top:auto;right:6%;bottom:5%;transform:none;color:#fff;background:none;border:0;padding:0;font:600 14px/1 var(--serif);letter-spacing:.3em;margin-right:-.3em;text-shadow:0 0 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.85),0 0 16px rgba(0,0,0,.7)}
.smp.photo .sc::after{content:'';position:absolute;right:0;bottom:0;width:70%;height:30%;background:radial-gradient(ellipse at 100% 100%,rgba(0,0,0,.78) 0,rgba(0,0,0,.55) 35%,rgba(0,0,0,0) 75%)}
.smp.photo .sc{background:linear-gradient(to bottom,rgba(0,0,0,.82) 0,rgba(0,0,0,.7) 22%,rgba(0,0,0,.36) 32%,rgba(0,0,0,0) 44%,rgba(0,0,0,0) 100%)}
@media(min-width:834px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
 .feat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center}
 .feat .side .h{font-size:34px;line-height:1.3;overflow-wrap:anywhere}.feat .side{min-width:0;padding-bottom:52px}.feat .side .dek{font-size:20px}
 .cvc .ms{font-size:26px}.cvc .no{top:calc(5% + 34px)}.cvc .hl{font-size:18px}}
@media(max-width:833px){.feat .side{display:none}}
@media(min-width:1194px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feat .cvc .ms{font-size:52px}.feat .cvc .no{top:calc(5% + 66px)}.feat .cvc .hl{font-size:30px}.feat .side .h{font-size:48px}.c3 .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.feat .side .h .ln{display:block}@media(min-width:834px){.feat .side .h .ln{white-space:nowrap}}

.wl-intro{max-width:40em;margin:0 auto 40px;padding:0 20px;text-align:center;font-family:"Noto Serif TC",serif;font-weight:400;font-size:17px;line-height:1.9;color:#2b2620}.wl-intro p{margin:0 0 .6em}@media(min-width:834px){.wl-intro{font-size:19px;margin-bottom:56px}}