/* Kamuya açık içerik sayfaları — konu & pratik */
.content-page{background:#f6f3ea;color:#17352d}
.content-page main{max-width:1080px;margin:0 auto}
.breadcrumb{max-width:1080px;margin:0 auto;padding:14px 24px;font-size:13px;color:#68736f}
.breadcrumb a{color:#68736f;text-decoration:none}
.breadcrumb a:hover{color:#9b3540}
.breadcrumb span{color:#17352d}
.content-hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:24px 24px 40px}
.content-hero .kicker{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;color:#9b3540;margin:0 0 14px}
.content-hero .kicker span{width:26px;height:1px;background:#9b3540}
.content-hero h1{font:400 clamp(34px,5vw,60px)/1.03 Georgia,serif;margin:0 0 16px}
.content-hero .lead{font-size:17px;line-height:1.6;color:#3f4a45;margin:0 0 24px;max-width:52ch}
.content-hero figure{margin:0}
.content-hero img{width:100%;border-radius:16px;object-fit:cover;aspect-ratio:3/2}
.content-body{padding:0 24px;max-width:760px}
.content-body>p{font-size:16.5px;line-height:1.75;color:#33403b}
.content-body h2{font:400 28px/1.1 Georgia,serif;margin:8px 0 18px}
.content-list{padding:36px 24px}
.content-list h2{font:400 30px/1.1 Georgia,serif;margin:0 0 22px}
.practice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.practice-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e0d7;border-radius:16px;overflow:hidden;text-decoration:none;color:#17352d;transition:border-color .2s,transform .2s}
.practice-card:hover{border-color:#9b3540;transform:translateY(-2px)}
.practice-card img{width:100%;height:180px;object-fit:cover}
.practice-card>div{padding:18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.practice-card span{font-size:11px;letter-spacing:.1em;color:#9b3540}
.practice-card h3{font:400 20px/1.2 Georgia,serif;margin:0}
.practice-card p{font-size:14px;line-height:1.5;color:#68736f;margin:0;flex:1}
.practice-card b{color:#9b3540;font-weight:700;font-size:14px}
.content-soon{background:#fff;border:1px solid #e3e0d7;border-radius:16px;padding:34px;text-align:center}
.content-soon h2{margin-top:0}
.content-soon p{color:#68736f;line-height:1.6;max-width:56ch;margin:0 auto 20px}
.practice-layout{display:grid;grid-template-columns:1fr 300px;gap:28px;padding:8px 24px 12px;align-items:start}
.practice-steps-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px}
.practice-steps-list li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e3e0d7;border-radius:12px;padding:14px 16px}
.practice-steps-list b{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#17352d;color:#f6f3ea;font-size:14px}
.practice-steps-list span{line-height:1.55;padding-top:4px}
.practice-layout .safety-card{background:#eef2ec;border:1px solid #d7e0d8;border-radius:14px;padding:22px}
.practice-layout .safety-card strong{display:block;margin-bottom:8px}
.practice-layout .safety-card p{font-size:14px;line-height:1.6;color:#3f4a45;margin:0 0 10px}
.practice-layout .safety-card small{color:#68736f}
.content-cta{margin:36px 24px 12px;background:#173f35;color:#f6f1e7;border-radius:20px;padding:44px 34px;text-align:center}
.content-cta h2{font:400 clamp(26px,3.4vw,38px)/1.08 Georgia,serif;margin:0 0 12px;color:#fff}
.content-cta p{color:#d6dfda;line-height:1.6;max-width:56ch;margin:0 auto 24px}
.content-cta .soft-link{display:inline-block;margin-left:18px;color:#d6dfda;text-decoration:none}
.content-cta .soft-link:hover{color:#fff}
@media(max-width:820px){.content-hero{grid-template-columns:1fr}.content-hero figure{order:-1}.practice-layout{grid-template-columns:1fr}}
/* Yasal sayfalar */
.legal-body{max-width:760px;margin:0 auto;padding:8px 24px 20px}
.legal-body h1{font:400 clamp(28px,4vw,42px)/1.1 Georgia,serif;margin:8px 0 6px}
.legal-updated{color:#9b3540;font-size:12px;letter-spacing:.06em;margin:0 0 22px}
.legal-body h2{font:400 21px/1.25 Georgia,serif;color:#17352d;margin:30px 0 10px}
.legal-body p{font-size:15.5px;line-height:1.7;color:#33403b;margin:0 0 14px}
.legal-body ul{margin:0 0 16px;padding-left:20px}
.legal-body li{font-size:15px;line-height:1.65;color:#33403b;margin-bottom:8px}
.legal-body a{color:#9b3540}
.legal-links{margin-top:34px;padding-top:18px;border-top:1px solid #e3e0d7;font-size:13.5px;color:#68736f}
.legal-links a{color:#68736f}