*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f6f8f4;color:#183b30;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;line-height:1.8}a{color:inherit;text-underline-offset:4px}header,footer{padding:24px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid #dfe7de}nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.brand{text-decoration:none;font-size:23px;font-weight:900;letter-spacing:-1px}.brand span{color:#568164}.button{display:inline-block;border-radius:9px;background:#234d3b;color:#fff;padding:10px 19px;text-decoration:none;font-weight:700}main{max-width:1180px;margin:auto;padding:70px 25px 85px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#50735d}h1{font-size:clamp(31px,4vw,53px);line-height:1.25;letter-spacing:-1.8px;max-width:950px;margin:20px 0}.lead{font-size:20px;max-width:850px;color:#4e6257}.meta{font-size:13px;color:#596b60;margin:28px 0 38px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:45px}.card{background:#fff;border:1px solid #dbe5d9;border-radius:18px;padding:30px;text-decoration:none;transition:transform .2s}.card:hover{transform:translateY(-3px);border-color:#75957e}.card span{font-size:12px;letter-spacing:1px;color:#54715d}.card h2{font-size:24px;line-height:1.45}.card p{color:#596b60}.card b{font-size:14px}.layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:48px}article{background:#fff;border:1px solid #e0e7dd;border-radius:18px;padding:35px}section{margin:40px 0}section h2{font-size:25px;line-height:1.45;letter-spacing:-.5px}section p{font-size:17px;color:#344c40;word-break:keep-all;overflow-wrap:anywhere}.toc{display:flex;align-items:flex-start;flex-direction:column;gap:9px;background:#f1f5ee;padding:23px;border-radius:12px}.toc a{font-size:14px}.notice{font-size:13px;background:#f4f5ed;padding:20px;border-radius:10px;color:#5c655a}aside{padding-top:22px}aside h2{font-size:18px;margin-top:40px}.related{display:block;padding:15px 0;border-bottom:1px solid #dce4d8;font-size:14px}footer{flex-wrap:wrap;font-size:14px}a:focus-visible{outline:3px solid #c49530;outline-offset:5px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;gap:12px}header nav{gap:16px;font-size:13px}.grid,.layout{grid-template-columns:1fr}main{padding:40px 20px}.lead{font-size:17px}.card,article{padding:23px}.layout{gap:15px}footer{align-items:flex-start;flex-direction:column}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

/* Photographic guide collection */
.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:44px;padding-bottom:18px;border-bottom:1px solid #dbe5d9}.collection-heading p{margin:0;font-size:14px}.collection-heading>span{font-size:12px;color:#69796c;white-space:nowrap}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:26px}.card{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:18px;box-shadow:0 3px 12px #183b3005;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 14px 30px #183b3010}.card-photo{position:relative;aspect-ratio:3/2;background:#e5ebe1;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.card:hover .card-photo img{transform:scale(1.025)}.card-photo .category-pill{position:absolute;bottom:14px;left:16px;padding:4px 12px;border-radius:20px;background:#ffffffed;color:#234d3b;font-size:11px;font-weight:800;letter-spacing:.4px;box-shadow:0 2px 8px #00000008}.card-body{padding:23px;display:flex;flex-direction:column;flex:1}.card .card-number{font-size:10px;letter-spacing:1.5px;color:#647e6b;font-weight:750}.card h2{font-size:20px;margin:10px 0 12px;letter-spacing:-.6px;word-break:keep-all;overflow-wrap:anywhere}.card p{font-size:14px;line-height:1.75;margin:0 0 22px}.card b{margin-top:auto;padding-top:16px;border-top:1px solid #edf0e9;display:flex;justify-content:space-between;align-items:center;color:#234d3b}.card b span{font-size:20px;line-height:1}.article-cover{margin:0 0 42px}.article-cover>img{display:block;width:100%;height:auto;max-height:650px;object-fit:cover;border-radius:18px}.article-cover figcaption{font-size:12px;color:#66776b;text-align:right;margin-top:9px}.related{display:flex;gap:12px;align-items:center;line-height:1.6;text-decoration:none}.related img{width:80px;height:58px;object-fit:cover;flex-shrink:0;border-radius:7px}.related:hover span{text-decoration:underline}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.grid{grid-template-columns:1fr;gap:22px}.card{padding:0}.card-body{padding:22px}.collection-heading{align-items:flex-start;flex-direction:column;gap:4px;margin-top:30px}.collection-heading>span{display:none}.article-cover{margin-bottom:28px}.article-cover>img{border-radius:12px}.article-cover figcaption{text-align:left}.related img{width:96px;height:64px}}
@media(prefers-reduced-motion:reduce){.card,.card-photo img{transition:none}.card:hover,.card:hover .card-photo img{transform:none}}