/* 下層ページ（私たちについて・ニュース）と、トップページのNEWS欄のスタイル */

/* ---------- 共通 ---------- */
.subpage .site-header{color:var(--paper)}
.main-nav a[aria-current=page]:after{width:100%}
.text-link{display:inline-flex;align-items:center;gap:16px;font-weight:700;font-size:.875rem;min-height:44px}
.text-link .round-arrow{background:var(--orange);color:var(--green);transition:transform .25s}
.text-link:hover .round-arrow{transform:translateX(4px)}
.button.light{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.button.light .round-arrow{background:var(--orange);color:var(--green)}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 28px;margin-top:30px;font-size:.8125rem;color:#c4d0c1}
.footer-links a{padding-block:6px}
.footer-links a:hover{color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.service-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#ffb072;text-decoration:underline;text-underline-offset:5px}
.service-link svg{width:15px;height:15px}
.about-more{margin-top:26px}

/* ---------- ページ上部 ---------- */
.page-hero{background:var(--green);color:var(--paper);border-radius:0 0 60px 60px;padding:175px 0 80px;position:relative;isolation:isolate;overflow:hidden}
.page-hero:after{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#ff8b4222,transparent 70%);z-index:-1}
.page-hero-inner{max-width:1240px}
.page-hero .eyebrow{color:#ffb072;margin-top:34px}
.page-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.55;letter-spacing:.03em;margin-top:14px}
.page-lead{font-size:1rem;line-height:2.1;color:#d0dbce;margin-top:22px;max-width:760px}
.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:.8125rem;color:#c7d5c8}
.breadcrumb li:not(:last-child):after{content:"／";margin:0 10px;color:#7f9c83}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ffffff55}
.breadcrumb a:hover{color:var(--paper)}
.breadcrumb [aria-current]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:36em}
.page-hero--article h1{font-size:clamp(1.75rem,3.2vw,2.6rem);max-width:900px;margin-top:10px}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:34px;font-size:.875rem;color:#d0dbce}
.article-updated{color:#c7d5c8}
.article-byline{margin-top:18px;font-size:.875rem;color:#d0dbce}
.article-byline a{color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.news-cat{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:20px;padding:0 12px;font-size:.75rem;letter-spacing:.06em;line-height:1.9}
.page-hero .news-cat{color:#ffb072}

/* ---------- ニュース一覧 ---------- */
.news-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.news-item a{display:grid;grid-template-columns:200px 1fr 44px;grid-template-rows:auto auto;gap:6px 32px;align-items:center;padding:28px 4px;border-bottom:1px solid var(--line);transition:background .25s}
.news-item a:hover{background:#efeee580}
.news-meta{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:.875rem;color:var(--muted)}
.news-meta time{font-family:Georgia,serif;font-size:1rem;letter-spacing:.04em;color:var(--ink)}
.news-meta .news-cat{color:#8a5a2b}
.news-title{grid-column:2;grid-row:1;font-family:var(--serif);font-weight:600;font-size:1.2rem;line-height:1.7;letter-spacing:.02em;transition:color .2s}
.news-desc{grid-column:2;grid-row:2;font-size:.875rem;line-height:1.9;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-item .round-arrow{grid-column:3;grid-row:1/3;background:#efeee5;transition:transform .25s,background .25s}
.news-item a:hover .news-title{color:#a4542b}
.news-item a:hover .round-arrow{background:var(--orange);transform:translateX(4px)}
.news-page{padding:80px 0 20px}

/* トップページのNEWS欄 */
.news-section .news-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.news-section h2{margin-top:29px}
.news-section .news-list{margin-top:48px}

/* ---------- 記事 ---------- */
.article-wrap{width:min(760px,88%);margin:80px auto 0}
.article-body{font-size:1.0625rem;line-height:2.15;letter-spacing:.02em}
.article-body>*:first-child{margin-top:0}
.article-body p{margin-top:1.4em}
.article-body h2{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,1.75rem);line-height:1.6;margin:2.6em 0 .2em;padding-left:18px;border-left:3px solid var(--orange)}
.article-body h3{font-family:var(--serif);font-size:1.25rem;line-height:1.7;margin:2em 0 0}
.article-body ul,.article-body ol{margin:1.2em 0 0;padding-left:1.4em}
.article-body li{margin-top:.45em}
.article-body li::marker{color:#c46b36}
.article-body a{color:#a4542b;text-decoration:underline;text-underline-offset:4px}
.article-body a.button{color:var(--paper);text-decoration:none}
.article-body strong{background:linear-gradient(transparent 62%,#ffd9bd 62%)}
.article-body blockquote{margin:1.8em 0 0;padding:6px 0 6px 22px;border-left:3px solid var(--line);color:var(--muted)}
.article-body img{max-width:100%;height:auto;border-radius:14px;margin-top:1.6em}
.article-body code{font-size:.9em;background:#efeee5;padding:2px 6px;border-radius:5px}
.article-box{margin-top:2em;background:#efeee5;border-radius:22px;padding:28px 30px}
.article-box>p:first-child{margin-top:0}
.article-box .button{margin-top:18px}
.author-card{margin-top:80px;padding:30px 32px;border:1px solid var(--line);border-radius:22px;background:#fffdf8}
.author-card .eyebrow{font-size:.75rem;color:#8a5a2b}
.author-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:10px}
.author-name a{font-family:var(--serif);font-size:1.3rem;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line)}
.author-name span{font-size:.8125rem;color:var(--muted)}
.author-card>p:last-child{margin-top:12px;font-size:.9375rem;line-height:2}
.related{margin-top:110px}
.related-title{font-size:clamp(1.4rem,2.4vw,1.8rem)}
.related .news-list{margin-top:30px}
.related .text-link{margin-top:28px}

/* ---------- ページ末尾の案内 ---------- */
.page-cta{margin-top:120px;background:#efeee5;border-radius:60px 60px 0 0;padding:80px 0}
.page-cta-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.page-cta .eyebrow{color:#8a5a2b}
.page-cta h2{margin-top:14px;font-size:clamp(1.7rem,3vw,2.5rem)}
.page-cta-links{display:flex;flex-direction:column;gap:14px}
.page-cta-links .button{min-width:320px}

/* ---------- 私たちについて ---------- */
.about-block{display:grid;grid-template-columns:1fr 2.4fr;gap:60px;align-items:start}
.about-block+.about-block{border-top:1px solid var(--line)}
.about-block .section-label{padding-top:14px}
.about-block h2{font-size:clamp(1.8rem,3vw,2.6rem)}
.about-block .body>p{font-size:1rem;line-height:2.2;margin-top:24px}
.about-block .body>p.statement{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.55rem);line-height:2;margin-top:28px;color:var(--green)}
.values{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.values li{background:#fffdf8;border:1px solid var(--line);border-radius:22px;padding:28px 26px}
.values .value-number{font-family:Georgia,serif;font-style:italic;color:#c46b36}
.values h3{font-family:var(--serif);font-size:1.2rem;line-height:1.6;margin-top:8px}
.values p{font-size:.9375rem;line-height:2;margin-top:12px}
.profile{margin-top:36px;padding:32px;border-radius:22px;background:var(--green);color:var(--paper);scroll-margin-top:30px}
.profile .eyebrow{color:#ffb072;font-size:.75rem}
.profile-name{font-family:var(--serif);font-size:1.6rem;margin-top:10px}
.profile-name small{font-family:var(--sans);font-size:.8125rem;color:#c7d5c8;margin-left:12px;letter-spacing:.05em}
.profile p{font-size:.9375rem;line-height:2.05;margin-top:14px;color:#e0e6dc}
.profile-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.profile-links a{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff45;border-radius:30px;padding:6px 16px;font-size:.8125rem;min-height:40px}
.profile-links a:hover{background:#ffffff14}
.profile-links svg{width:15px;height:15px}
.about-block .company-info{margin-top:20px}
.inline-link{color:#a4542b;text-decoration:underline;text-underline-offset:4px}
.company-info dd a.service-second{margin-top:14px}

/* ---------- 写真の場面（トップと同じ素材：空と芝生・ちぎった紙・土） ---------- */
body.subpage{overflow-x:clip}
.page-hero--scene{border-radius:0;padding:165px 0 190px;background:linear-gradient(90deg,#002a4ccc 0%,#002a4c8f 38%,#002a4c1a 62%,transparent 75%),linear-gradient(180deg,#00315dd9 0%,#00315d8c 42%,#00315d1f 72%,transparent 88%),url('/assets/bg-meadow.png') center bottom/cover no-repeat}
.page-hero--scene .page-hero-inner{position:relative;z-index:3}
.page-hero--scene:after{left:0;right:0;top:auto;bottom:-1px;width:auto;height:92px;border-radius:0;background:#faf8f1;mask:url('/assets/paper-edge.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/paper-edge.svg') center/100% 100% no-repeat;z-index:2}
.scene-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:48px;align-items:center}
.page-hero--scene .page-lead{color:#fff;text-shadow:0 1px 10px #00284a66}
.page-hero--scene .eyebrow{color:#ffe0b3}
.page-hero--scene h1{text-shadow:0 2px 18px #00284a55}
.scene-photos{position:relative;min-height:440px}
.polaroid{position:absolute;margin:0;width:min(58%,290px);background:#fff8e9;padding:12px 12px 16px;border-radius:3px;box-shadow:0 18px 32px #001c2847;transform:rotate(var(--tilt,0deg));transition:transform .35s,box-shadow .35s}
.polaroid:first-child{left:2%;top:10px}
.polaroid:last-child{right:2%;top:130px}
.polaroid:hover{transform:rotate(var(--tilt,0deg)) translateY(-10px);box-shadow:0 30px 50px #001c2866;z-index:3}
.polaroid img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:var(--focus,50% 50%);border-radius:2px;background:#e9e2d0}
.polaroid figcaption{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;font-family:var(--serif);font-size:.95rem;color:var(--green)}
.polaroid figcaption span{font-family:Georgia,serif;font-style:italic;font-size:.75rem;color:#8a7054}
.script-note{font-family:Georgia,var(--serif);font-style:italic;font-size:clamp(1.45rem,2.4vw,2.05rem);line-height:1.4;color:#c46b36;margin-top:34px}
.about-block--soil{position:relative;isolation:isolate;color:var(--paper);border-top:0!important}
.about-block--soil:before,.about-block--soil:after,.about-block--soil+.about-block:before{content:"";position:absolute;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(#24120791,#241207c4),url('/assets/bg-earth.png') center/1000px auto;pointer-events:none}
.about-block--soil:before{top:0;bottom:0;z-index:-1}
.about-block--soil:after{top:-108px;height:110px;z-index:-1;transform:translateX(-50%) rotate(180deg);mask:url('/assets/edge-soil.png') center/100% 100% no-repeat;-webkit-mask:url('/assets/edge-soil.png') center/100% 100% no-repeat}
.about-block--soil+.about-block{position:relative;border-top:0!important}
.about-block--soil+.about-block:before{top:-2px;height:110px;z-index:1;mask:url('/assets/edge-soil.png') center/100% 100% no-repeat;-webkit-mask:url('/assets/edge-soil.png') center/100% 100% no-repeat}
.about-block--soil h2{color:var(--paper)}
.about-block--soil .section-label{color:#eadfcd}
.about-block--soil .values li{background:#fff8e912;border-color:#ffffff30;color:#f3ede2;backdrop-filter:blur(2px)}
.about-block--soil .values h3{color:#fff}
.about-block--soil .values p{color:#ddd3c3}
.about-block--soil .value-number{color:#ffb072}
.page-hero--compact{padding:160px 0 150px}
.page-hero--article{padding-bottom:150px}
.page-hero--room{background:linear-gradient(90deg,#1a130cd9 0%,#1a130c9e 40%,#1a130c2e 66%,transparent 82%),linear-gradient(180deg,#0c1f1ab8 0%,#0c1f1a33 38%,transparent 60%),url('/assets/bg-room.png') center/cover no-repeat}
.page-hero--room .page-lead{text-shadow:0 1px 10px #1a130c80}
.scene-phone{position:relative;display:flex;justify-content:center;align-items:center;min-height:520px}
.phone{width:min(250px,64%);aspect-ratio:540/1170;border-radius:40px;padding:9px;background:#1c2523;box-shadow:0 34px 60px #0009,inset 0 0 0 2px #3a4643;transform:rotate(4deg)}
.phone img{display:block;width:100%;height:100%;object-fit:cover;border-radius:31px}
.scene-sticky{position:absolute;z-index:2;left:2%;top:14%;transform:rotate(-8deg);background:var(--orange);color:#19382d;padding:16px 20px;font-size:.88rem;line-height:1.75;font-weight:700;box-shadow:0 8px 20px #0000004d}
.about-block--soil .plans-note{color:#ddd3c3}
.about-block--soil .plan{color:var(--ink)}
.about-block--soil .plan:first-child{color:var(--paper)}
.page-hero--scene h1{font-size:clamp(2rem,3.4vw,3rem)}
.page-hero--article h1{font-size:clamp(1.7rem,2.8vw,2.4rem)}
.about-block--soil .plan{box-shadow:0 14px 30px #1206004d}
.about-block--soil .plan:first-child{border-color:#ffffff30}
.profile--photo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:34px;align-items:center;padding:22px}
.profile-photo{margin:0;border-radius:16px;overflow:hidden}
.profile-photo img{display:block;width:100%;height:auto}

/* ---------- ご相談・料金 ---------- */
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:34px}
.hero-price-link{font-size:.9rem;font-weight:700;color:var(--paper);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffffff66;min-height:44px;display:inline-flex;align-items:center}
.consult-status{display:inline-block;margin-top:22px;padding:8px 16px;border-radius:12px;background:#ffb07226;border:1px solid #ffb07280;font-size:.875rem;line-height:1.8}
.page-hero .consult-status{color:#ffd9bd}
.values.needs{grid-template-columns:repeat(2,1fr)}
.needs li{padding:24px 24px}
.needs h3{font-size:1.1rem}
.needs-note{margin-top:22px;font-size:.9375rem;color:var(--muted)}
.checklist{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}
.checklist li{position:relative;padding:18px 22px 18px 54px;background:#fffdf8;border:1px solid var(--line);border-radius:18px;font-size:.9875rem;line-height:2}
.checklist li:before{content:"";position:absolute;left:22px;top:28px;width:14px;height:8px;border-left:2px solid #c46b36;border-bottom:2px solid #c46b36;transform:rotate(-45deg)}
.plans{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.plan{display:flex;flex-direction:column;background:#fffdf8;border:1px solid var(--line);border-radius:22px;padding:26px 22px}
.plan:first-child{background:var(--green);color:var(--paper);border-color:var(--green)}
.plan-name{font-family:var(--serif);font-size:1.15rem;line-height:1.6}
.plan-price{margin-top:14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
.plan-price strong{font-family:Georgia,var(--serif);font-size:1.7rem;letter-spacing:.01em;line-height:1.3}
.plan-price span{font-size:.875rem;color:var(--muted)}
.plan:first-child .plan-price span{color:#c7d5c8}
.plan-note{margin-top:8px;font-size:.8125rem;color:#8a5a2b}
.plan:first-child .plan-note{color:#ffb072}
.plan-desc{margin-top:14px;font-size:.9rem;line-height:1.95}
.plan:first-child .plan-desc{color:#e0e6dc}
.plans-note{margin-top:20px;font-size:.875rem;color:var(--muted)}
.flow{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;counter-reset:flow}
.flow li{counter-increment:flow;position:relative;background:#fffdf8;border:1px solid var(--line);border-radius:22px;padding:26px 22px}
.flow li:before{content:"STEP " counter(flow);display:block;font-family:Georgia,serif;font-style:italic;font-size:.9rem;color:#c46b36}
.flow h3{font-family:var(--serif);font-size:1.1rem;line-height:1.6;margin-top:8px}
.flow p{font-size:.9rem;line-height:1.95;margin-top:10px}
.faq{margin:30px 0 0;border-top:1px solid var(--line)}
.faq>div{padding:24px 4px;border-bottom:1px solid var(--line)}
.faq dt{font-family:var(--serif);font-weight:600;font-size:1.08rem;line-height:1.7;padding-left:34px;position:relative}
.faq dt:before{content:"Q";position:absolute;left:0;top:0;font-family:Georgia,serif;font-style:italic;color:#c46b36;font-size:1.2rem}
.faq dd{margin:10px 0 0;padding-left:34px;font-size:.9375rem;line-height:2;color:#3d534c}
.consult-cta .consult-status{margin-top:20px}
.consult-privacy{margin-top:18px;font-size:.8125rem;line-height:1.9;color:var(--muted)}
.contact-consult{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffffff80}

/* ---------- 動物病院の方へ（/vet） ---------- */
.page-hero--vet .page-hero-inner{max-width:1240px}
.value-tag{display:inline-block;border:1px solid #e3b48f;border-radius:20px;padding:0 12px;font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1.9;color:#a4542b}
.sub-heading{font-family:var(--serif);font-size:1.15rem;margin-top:48px}
.stats{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.stats li{display:grid;grid-template-columns:200px 1fr;gap:8px 24px;align-items:center;background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:18px 24px}
.stat-num{font-family:Georgia,var(--serif);font-weight:500;font-size:1.85rem;line-height:1.25;letter-spacing:.01em;color:#a4542b;white-space:nowrap}
.stat-num small{font-size:.55em;margin-left:2px}
.stats p{margin:0;font-size:.9375rem;line-height:1.95}
.stats--pair{grid-template-columns:repeat(2,1fr)}
.stats--pair li{grid-template-columns:1fr}
.about-block--soil .stats li{background:#fff8e912;border-color:#ffffff30;color:#f3ede2}
.about-block--soil .stat-num{color:#ffb072}
.stats-source{margin-top:18px;font-size:.8125rem;line-height:1.9;color:var(--muted)}
.about-block--soil .stats-source{color:#ddd3c3}
.about-block--soil .cite{color:#ffd9bd}
.cite{color:#a4542b;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.article-body .stats{padding-left:0;margin-top:1.4em}
.article-body .stats li{margin-top:0;grid-template-columns:170px 1fr}
.article-body .stat-num{background:none}
.article-body .stats p{margin-top:0}
.article-body .faq{margin-top:1.2em}
.article-body .faq dd{margin-top:10px}
.link-cards{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.link-cards a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;height:100%;background:#fffdf8;border:1px solid var(--line);border-radius:22px;padding:24px 22px;transition:transform .25s,border-color .25s}
.link-cards a:hover{transform:translateY(-4px);border-color:#c46b36}
.card-kicker{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#a4542b}
.link-cards h3{font-family:var(--serif);font-size:1.12rem;line-height:1.7}
.link-cards p{font-size:.875rem;line-height:1.9;color:var(--muted)}
.link-cards .round-arrow{margin-top:auto;background:var(--orange);color:var(--green);transition:transform .25s}
.link-cards a:hover .round-arrow{transform:translateX(4px)}
.flow--3{grid-template-columns:repeat(3,1fr)}
.flow+p{margin-top:24px}
.checklist+.about-more,.body>p+.about-more{margin-top:26px}
.sample-thumb{display:block;margin-top:24px;max-width:360px;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 14px 30px #10352f1f}
.sample-thumb img,.sample-image img{display:block;width:100%;height:auto}
.sample-view{margin-top:28px}
.sample-image{display:block;max-width:560px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.sample-embed{display:block;width:100%;height:80vh;max-height:900px;border:1px solid var(--line);border-radius:14px;background:#fff}
.sample-note{margin-top:16px;font-size:.875rem;color:var(--muted)}
.sample-actions{margin-top:20px}
.pending-box{margin-top:28px;padding:24px 26px;border:1px dashed #c9b79c;border-radius:18px;background:#fffdf8}
.pending-title{font-family:var(--serif);font-weight:600;font-size:1.08rem}
.pending-box p+p{margin-top:8px;font-size:.9375rem;line-height:1.95;color:#3d534c}
.pop-image{margin:28px 0 0;max-width:420px}
.pop-image img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
.read-guide{margin:30px 0 0;border-top:1px solid var(--line)}
.read-guide>div{display:grid;grid-template-columns:200px 1fr;gap:6px 28px;padding:20px 4px;border-bottom:1px solid var(--line)}
.read-guide dt{font-family:var(--serif);font-weight:600;font-size:1.02rem;line-height:1.8}
.read-guide dd{margin:0;font-size:.9375rem;line-height:2}
.cost-info{margin-top:28px}
.cost-info>div{grid-template-columns:150px 1fr}
.company-info dd a.inline-link{display:inline;font-weight:inherit;font-size:inherit}
.mail-fallback{font-size:.875rem!important;line-height:2!important;color:var(--muted)}
.vet-foot{margin-top:70px}
.vet-foot--blocks{display:grid;grid-template-columns:1fr 2.4fr;gap:60px;margin-top:0;padding-bottom:20px}
.vet-foot-body{grid-column:2}
.disclaimer{padding:20px 24px;border:1px solid var(--line);border-left:3px solid #c46b36;border-radius:14px;background:#fffdf8;font-size:.875rem;line-height:2;color:#3d534c}
.references{margin-top:44px}
.references h2{font-family:var(--serif);font-size:1.1rem;line-height:1.6;margin:0;padding:0;border:0}
.references ol{margin:14px 0 0;padding-left:1.6em;font-size:.8125rem;line-height:1.9;color:var(--muted)}
.references li{margin-top:6px}
.references a{color:inherit;text-decoration:underline;text-underline-offset:3px;word-break:break-word}
.references a:hover{color:#a4542b}
.product-vet-link{margin-top:10px}

/* ---------- レスポンシブ ---------- */
@media(max-width:1100px){.values,.values.needs{grid-template-columns:1fr}.about-block{gap:35px}.link-cards{grid-template-columns:1fr}}
@media(max-width:760px){
  .page-hero{padding:135px 0 58px;border-radius:0 0 36px 36px}
  .page-hero h1{font-size:clamp(1.85rem,7vw,2.4rem)}
  .page-hero--article h1{font-size:clamp(1.5rem,6vw,1.95rem)}
  .page-lead{font-size:.9375rem}
  .news-item a{grid-template-columns:1fr;gap:10px;padding:24px 2px}
  .news-meta{grid-row:auto;flex-direction:row;align-items:center;gap:14px}
  .news-title{grid-column:1;grid-row:auto;font-size:1.08rem}
  .news-desc{grid-column:1;grid-row:auto}
  .news-item .round-arrow{display:none}
  .news-section .news-heading{flex-direction:column;align-items:flex-start;gap:10px}
  .article-wrap{margin-top:52px}
  .article-body{font-size:1rem;line-height:2.05}
  .article-box{padding:22px 20px}
  .author-card{padding:24px 22px;margin-top:60px}
  .related{margin-top:80px}
  .page-cta{margin-top:90px;padding:60px 0;border-radius:36px 36px 0 0}
  .page-cta-inner{grid-template-columns:1fr}
  .page-cta-links .button{min-width:0;width:100%}
  .about-block{grid-template-columns:1fr;gap:18px}
  .profile{padding:26px 22px}
  .profile-name small{display:block;margin:4px 0 0}
  .plans,.flow{grid-template-columns:1fr}
  .checklist li{padding:16px 18px 16px 48px;font-size:.9375rem}
  .checklist li:before{left:18px;top:26px}
  .faq dt,.faq dd{padding-left:28px}
  .hero-actions .button{width:100%}
  .page-hero--scene{padding:130px 0 130px;border-radius:0}
  .page-hero--scene h1{font-size:clamp(1.55rem,7vw,1.9rem)}
  .page-hero--compact,.page-hero--article{padding:125px 0 110px}
  .page-hero--article h1{font-size:clamp(1.4rem,6vw,1.75rem)}
  .scene-phone{min-height:400px;margin-top:10px}
  .phone{width:170px;border-radius:30px;padding:7px}
  .phone img{border-radius:24px}
  .scene-sticky{left:0;top:8%;font-size:.78rem;padding:12px 14px}
  .about-block h2{font-size:1.62rem}
  .scene-grid{grid-template-columns:1fr;gap:10px}
  .scene-photos{min-height:330px}
  .polaroid{width:56%;padding:9px 9px 12px}
  .polaroid:last-child{top:110px}
  .profile--photo{grid-template-columns:1fr;gap:20px;padding:16px}
  .stats li{grid-template-columns:1fr;gap:4px;padding:16px 18px}
  .stat-num{font-size:1.6rem}
  .stats--pair{grid-template-columns:1fr}
  .flow--3{grid-template-columns:1fr}
  .read-guide>div{grid-template-columns:1fr}
  .cost-info>div{grid-template-columns:1fr;gap:4px}
  .vet-foot{margin-top:50px}
  .vet-foot--blocks{grid-template-columns:1fr;gap:0;margin-top:0}
  .vet-foot-body{grid-column:1}
  .disclaimer{padding:16px 18px}
}