/* PHARMA-DI SEO HOME R2 / accessible progressive enhancement / no drug table overrides */
:root { --pdi-seo-navy:#0b3653; --pdi-seo-blue:#08629d; --pdi-seo-blue-deep:#07578e; --pdi-seo-ink:#123650; --pdi-seo-muted:#587289; --pdi-seo-stroke:#d5e3ee; --pdi-seo-soft:#f4f9fd; --pdi-seo-shadow:0 5px 20px rgba(15,55,81,.08); }
body.pdi-seo-ready {background:#f7fafc;}
body.pdi-seo-ready .pdi-seo-original-nav-hidden {display:none !important;}
#pdi-seo-topnav, #pdi-seo-home-sections {box-sizing:border-box; font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif; color:var(--pdi-seo-ink);}
#pdi-seo-topnav *, #pdi-seo-home-sections * {box-sizing:border-box;}
#pdi-seo-topnav {position:sticky; top:0; z-index:999; display:flex; align-items:center; justify-content:space-between; gap:24px; background:var(--pdi-seo-navy); min-height:62px; width:100%; padding:10px max(22px,calc((100% - 1240px)/2)); box-shadow:0 2px 9px rgba(6,37,61,.12);}
#pdi-seo-topnav a {color:#fff; text-decoration:none;}
#pdi-seo-topnav a:hover,#pdi-seo-topnav a:focus-visible {text-decoration:underline; text-underline-offset:4px;}
#pdi-seo-topnav .pdi-seo-brand {display:flex; flex:0 0 auto; gap:10px; align-items:center; white-space:nowrap; font-size:18px; letter-spacing:-.03em;}
.pdi-seo-brand span:not(.pdi-seo-brand-mark){font-weight:700;}
.pdi-seo-brand-mark {display:flex; align-items:center; justify-content:center; width:33px; height:33px; border:2px solid #b7deff; color:#fff; font-size:15px; font-weight:800; letter-spacing:-.04em;}
#pdi-seo-topnav .pdi-seo-navlinks {display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; column-gap:19px; row-gap:9px;}
#pdi-seo-topnav .pdi-seo-navlinks a {font-size:12px; font-weight:750; white-space:nowrap;}
/* The existing native main search app remains in place; only typography/skin are adjusted. */
body.pdi-seo-ready .pdi-seo-native-h1 {font-size:clamp(28px,3.6vw,43px); line-height:1.2; color:#0b3653; letter-spacing:-.035em; margin:.12em 0 .3em; font-weight:820;}
body.pdi-seo-ready .pdi-seo-hero-heading {position:relative; overflow:hidden; isolation:isolate; border:1px solid #d6e9f5; border-radius:15px; background:linear-gradient(95deg,#f5faff 0%,#eaf5fd 76%,#e8f5ff 100%); padding:29px 34px 33px; margin-bottom:17px; box-shadow:var(--pdi-seo-shadow);}
body.pdi-seo-ready .pdi-seo-hero-heading:after {content:""; pointer-events:none; position:absolute; right:0; top:0; bottom:0; width:41%; background:url("hero-pills.svg") center/contain no-repeat; opacity:.88; z-index:-1;}
body.pdi-seo-ready .pdi-seo-kicker {margin:0 0 12px; padding-left:12px; border-left:3px solid #1473ae; color:#2a5877; font-size:12px; font-weight:800;}
body.pdi-seo-ready .pdi-seo-hero-intro {margin:7px 0 0; max-width:650px; font-size:14px; color:#294e68; line-height:1.8; font-weight:560;}
body.pdi-seo-ready .pdi-seo-old-intro {display:none;}
body.pdi-seo-ready .pdi-seo-native-search-row {border-radius:11px;}
body.pdi-seo-ready input.pdi-seo-native-drug-input {min-height:48px; background-color:#fff; border:1px solid #b1ccdc; border-radius:7px 0 0 7px; font-size:16px; color:#123650;}
body.pdi-seo-ready input.pdi-seo-native-drug-input:focus {outline:2px solid #126da9; outline-offset:1px;}
body.pdi-seo-ready .pdi-seo-native-search-button {min-height:48px; background:#0b5d93; border-color:#0b5d93; color:white; border-radius:0 7px 7px 0; font-weight:750;}
body.pdi-seo-ready .pdi-seo-native-tabrow {display:flex; flex-wrap:wrap; gap:7px; align-items:center;}
body.pdi-seo-ready .pdi-seo-native-tab {border-radius:8px; min-height:42px;}
/* New content follows the real search and result table, with verified canonical routes. */
#pdi-seo-home-sections.pdi-seo-root {width:min(1240px,calc(100% - 28px)); margin:36px auto 45px; padding:0; background:transparent;}
#pdi-seo-home-sections a {text-decoration:none;}
#pdi-seo-home-sections a:hover {text-decoration:none;}
#pdi-seo-home-sections .pdi-seo-live-evidence {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:15px; padding:15px 18px; margin-bottom:28px; border:1px solid #c9e3f5; border-radius:12px; background:#e9f5fd; color:#16557e; font-size:13px; font-weight:750;}
.pdi-seo-live-evidence span:last-child {display:inline-flex; align-items:center; gap:7px;}
.pdi-seo-live-evidence svg {width:20px; height:20px;}
.pdi-seo-live-evidence__divider {height:20px; width:1px; background:#b5d4e5;}
#pdi-seo-home-sections .pdi-seo-section {padding:24px 0 29px; border-top:1px solid #dce6ee;}
#pdi-seo-home-sections .pdi-seo-section:first-of-type {border-top:0; padding-top:0;}
#pdi-seo-home-sections .pdi-seo-section-head {display:flex; align-items:baseline; justify-content:flex-start; flex-wrap:wrap; gap:9px 24px; margin-bottom:19px;}
#pdi-seo-home-sections .pdi-seo-section-head h2 {margin:0; border-left:4px solid #1471ac; padding:2px 0 2px 14px; font-weight:850; font-size:clamp(20px,2vw,25px); color:#103a59; line-height:1.3;}
#pdi-seo-home-sections .pdi-seo-section-head p {font-size:12px; line-height:1.6; color:#5b7184; margin:0;}
#pdi-seo-home-sections .pdi-seo-grid {display:grid; gap:10px;}
#pdi-seo-home-sections .pdi-seo-grid--4 {grid-template-columns:repeat(4,minmax(0,1fr));}
#pdi-seo-home-sections .pdi-seo-grid--3 {grid-template-columns:repeat(3,minmax(0,1fr));}
#pdi-seo-home-sections .pdi-seo-link {display:flex; align-items:center; gap:13px; border:1px solid #d4e1ed; background:#fff; border-radius:9px; color:#183f5b; min-height:76px; padding:12px 13px; box-shadow:0 1px 3px rgba(16,57,86,.04); transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease;}
#pdi-seo-home-sections .pdi-seo-link:hover,#pdi-seo-home-sections .pdi-seo-link:focus-visible {border-color:#7dbbe5; box-shadow:0 5px 14px rgba(16,76,120,.13); transform:translateY(-1px); outline-offset:3px;}
#pdi-seo-home-sections .pdi-seo-link__icon {flex:none; display:flex; align-items:center; justify-content:center; color:#0b65a0; width:27px;}
#pdi-seo-home-sections .pdi-seo-link__content {display:flex; flex:1; flex-direction:column; min-width:0; gap:4px;}
#pdi-seo-home-sections .pdi-seo-link__content strong {font-size:13px; line-height:1.4; font-weight:800; color:#153e5c;}
#pdi-seo-home-sections .pdi-seo-link__content small {font-size:11px; line-height:1.4; color:#657d90;}
#pdi-seo-home-sections .pdi-seo-chevron {flex:none; font-size:23px; line-height:1; color:#337fac;}
#pdi-seo-home-sections .pdi-seo-detail-groups {display:grid; gap:21px;}
#pdi-seo-home-sections .pdi-seo-detail-group h3 {font-size:15px; font-weight:800; margin:0 0 10px; color:#214c68;}
#pdi-seo-home-sections .pdi-seo-link--compact {min-height:63px; background:#fbfdff;}
#pdi-seo-home-sections .pdi-seo-tool-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;}
#pdi-seo-home-sections .pdi-seo-tool-card {position:relative; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:11px; padding:21px 18px 18px; border:1px solid #d2e2ee; border-radius:11px; background:linear-gradient(155deg,#fff 0%,#f7fbff 100%); box-shadow:var(--pdi-seo-shadow);}
#pdi-seo-home-sections .pdi-seo-tool-icon {display:flex; align-items:center; justify-content:center; color:#0a649d; background:#e0f1fc; border-radius:50%; width:55px; height:55px; flex:none;}
#pdi-seo-home-sections .pdi-seo-tool-icon svg {width:30px; height:30px;}
#pdi-seo-home-sections .pdi-seo-tool-content {flex:1;}
#pdi-seo-home-sections .pdi-seo-tool-content h3 {margin:0 0 11px; font-size:18px; line-height:1.5; color:#103851; font-weight:850;}
#pdi-seo-home-sections .pdi-seo-tool-content h3 span {display:block; font-size:15px; line-height:1.45;}
#pdi-seo-home-sections .pdi-seo-tool-content p {margin:0; line-height:1.7; color:#43657c; font-size:12px;}
#pdi-seo-home-sections .pdi-seo-tool-button {display:block; width:100%; text-align:center; border:1px solid #08629d; padding:12px 8px; background:linear-gradient(180deg,#1176ba,#07588e); border-radius:7px; color:#fff; font-size:13px; line-height:1.5; font-weight:800;}
#pdi-seo-home-sections .pdi-seo-tool-button:hover,#pdi-seo-home-sections .pdi-seo-tool-button:focus-visible {background:#084873; color:#fff; text-decoration:none; outline:2px solid #4a9dd1; outline-offset:2px;}
#pdi-seo-home-sections .pdi-seo-tool-button span {margin-left:5px; font-size:18px; vertical-align:middle;}
#pdi-seo-home-sections .pdi-seo-authority-card {background:#fff; border:1px solid #d4e1eb; border-radius:9px; padding:18px 14px; min-height:180px; display:flex; flex-direction:column; gap:8px;}
#pdi-seo-home-sections .pdi-seo-authority-icon {color:#176a9f;}
#pdi-seo-home-sections .pdi-seo-authority-card h3 {font-size:13px; color:#153c58; line-height:1.5; margin:0; font-weight:850;}
#pdi-seo-home-sections .pdi-seo-authority-card p {font-size:11px; line-height:1.7; color:#506c82; flex:1; margin:0;}
#pdi-seo-home-sections .pdi-seo-authority-card a {align-self:flex-start; background:#f0f7fd; border:1px solid #c9dfec; border-radius:5px; padding:6px 8px; color:#125f8f; font-size:11px; font-weight:750;}
#pdi-seo-home-sections .pdi-seo-authority-card a:hover {background:#e1f1fa;}
#pdi-seo-home-sections .pdi-seo-disclaimer {margin:15px 0 0; font-size:11px; color:#5e788b; line-height:1.8;}
#pdi-seo-home-sections .pdi-seo-disclaimer a {color:#155f91; margin-left:6px; text-decoration:underline;}
.pdi-seo-original-index {width:min(1240px,calc(100% - 28px)); margin:7px auto 30px; border:1px solid #cddfec; background:#fff; border-radius:10px; padding:0 14px;}
.pdi-seo-original-index summary {cursor:pointer; padding:12px 4px; font-size:13px; color:#285d81; font-weight:750;}
.pdi-seo-original-index > *:not(summary) {margin:10px 0 20px;}
@media (max-width:1080px) {
 #pdi-seo-topnav {padding:12px 16px; flex-wrap:wrap; gap:12px;}
 #pdi-seo-topnav .pdi-seo-navlinks {justify-content:flex-start;}
 #pdi-seo-home-sections .pdi-seo-grid--4 {grid-template-columns:repeat(3,minmax(0,1fr));}
 #pdi-seo-home-sections .pdi-seo-grid--3 {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px) {
 #pdi-seo-topnav {min-height:auto; gap:7px;}
 #pdi-seo-topnav .pdi-seo-brand {font-size:16px;}
 #pdi-seo-topnav .pdi-seo-navlinks {flex-wrap:nowrap; width:100%; overflow-x:auto; white-space:nowrap; padding:6px 0 3px; -webkit-overflow-scrolling:touch;}
 #pdi-seo-topnav .pdi-seo-navlinks a {font-size:11px;}
 body.pdi-seo-ready .pdi-seo-hero-heading {padding:20px 17px 21px;}
 body.pdi-seo-ready .pdi-seo-hero-heading:after {width:36%; opacity:.25;}
 body.pdi-seo-ready .pdi-seo-native-h1 {font-size:27px;}
 body.pdi-seo-ready .pdi-seo-hero-intro {font-size:12px;}
 #pdi-seo-home-sections.pdi-seo-root {width:calc(100% - 20px); margin:22px auto 25px;}
 #pdi-seo-home-sections .pdi-seo-grid--4,#pdi-seo-home-sections .pdi-seo-grid--3 {grid-template-columns:repeat(2,minmax(0,1fr));}
 #pdi-seo-home-sections .pdi-seo-link {gap:7px; padding:10px 8px; min-height:77px;}
 #pdi-seo-home-sections .pdi-seo-link__icon {width:22px;}
 #pdi-seo-home-sections .pdi-seo-link__icon svg {width:18px; height:18px;}
 #pdi-seo-home-sections .pdi-seo-link__content strong {font-size:12px;}
 #pdi-seo-home-sections .pdi-seo-link__content small {font-size:10px;}
 #pdi-seo-home-sections .pdi-seo-chevron {font-size:17px;}
 #pdi-seo-home-sections .pdi-seo-tool-grid {grid-template-columns:1fr;}
 #pdi-seo-home-sections .pdi-seo-tool-card {display:grid; grid-template-columns:55px 1fr; align-items:start; gap:13px;}
 #pdi-seo-home-sections .pdi-seo-tool-button {grid-column:1 / -1;}
 #pdi-seo-home-sections .pdi-seo-section-head h2 {font-size:21px;}
 #pdi-seo-home-sections .pdi-seo-section {padding:22px 0;}
 #pdi-seo-home-sections .pdi-seo-authority-card {min-height:175px; padding:12px;}
 #pdi-seo-home-sections .pdi-seo-live-evidence {gap:7px; padding:12px; font-size:11px;}
}
@media (max-width:420px) {#pdi-seo-home-sections .pdi-seo-grid--4,#pdi-seo-home-sections .pdi-seo-grid--3 {grid-template-columns:1fr;} #pdi-seo-home-sections .pdi-seo-authority-card {min-height:auto;}}
@media (prefers-reduced-motion:reduce) {#pdi-seo-home-sections .pdi-seo-link {transition:none;} #pdi-seo-home-sections .pdi-seo-link:hover {transform:none;}}

/* R2: wider desktop layout, denser sections, every link visible on initial paint */
@media (min-width: 960px) {
 body.pdi-seo-ready main.pdi-seo-main-wide,
 body.pdi-seo-ready .pdi-seo-outer-wide {width:min(1380px,calc(100% - 48px)) !important;max-width:1380px !important;margin-left:auto !important;margin-right:auto !important;}
 body.pdi-seo-ready .pdi-seo-main-wide .pdi-seo-hero-heading {padding:22px 30px 24px;}
}
#pdi-seo-home-sections.pdi-seo-root {width:min(1380px,calc(100% - 40px));margin-top:16px;margin-bottom:25px;}
#pdi-seo-home-sections .pdi-seo-live-evidence {padding:9px 14px;margin-bottom:13px;font-size:12px;border-radius:8px;}
#pdi-seo-home-sections .pdi-seo-section {padding:16px 0 19px;}
#pdi-seo-home-sections .pdi-seo-section-head {margin-bottom:12px;gap:5px 15px;}
#pdi-seo-home-sections .pdi-seo-section-head h2 {font-size:clamp(18px,1.7vw,22px);}
#pdi-seo-home-sections .pdi-seo-grid {gap:8px;}
#pdi-seo-home-sections .pdi-seo-link {min-height:59px;padding:8px 11px;gap:10px;border-radius:7px;}
#pdi-seo-home-sections .pdi-seo-link--compact {min-height:51px;}
#pdi-seo-home-sections .pdi-seo-link__content {gap:2px;}
#pdi-seo-home-sections .pdi-seo-link__content strong {font-size:12px;}
#pdi-seo-home-sections .pdi-seo-link__content small {font-size:10px;}
#pdi-seo-home-sections .pdi-seo-link__icon {width:23px;}
#pdi-seo-home-sections .pdi-seo-link__icon svg {width:20px;height:20px;}
#pdi-seo-home-sections .pdi-seo-detail-groups {gap:14px;}
#pdi-seo-home-sections .pdi-seo-detail-group h3,
#pdi-seo-home-sections .pdi-seo-extra-links h3 {font-size:14px;margin:0 0 8px;border-bottom:1px solid #dce8f1;padding:0 0 6px;}
#pdi-seo-home-sections .pdi-seo-extra-links {margin-top:15px;}
#pdi-seo-home-sections .pdi-seo-tool-grid {gap:10px;}
#pdi-seo-home-sections .pdi-seo-tool-card {padding:13px 15px;gap:7px;}
#pdi-seo-home-sections .pdi-seo-tool-icon {width:43px;height:43px;}
#pdi-seo-home-sections .pdi-seo-tool-icon svg {width:24px;height:24px;}
#pdi-seo-home-sections .pdi-seo-tool-content h3 {font-size:16px;margin-bottom:6px;line-height:1.4;}
#pdi-seo-home-sections .pdi-seo-tool-content h3 span {font-size:13px;}
#pdi-seo-home-sections .pdi-seo-tool-content p {font-size:11px;line-height:1.5;}
#pdi-seo-home-sections .pdi-seo-tool-button {padding:8px;font-size:12px;}
#pdi-seo-home-sections .pdi-seo-authority-card {min-height:119px;padding:12px;gap:5px;}
#pdi-seo-home-sections .pdi-seo-authority-card p {font-size:10px;line-height:1.45;}
#pdi-seo-home-sections .pdi-seo-authority-card h3 {font-size:12px;}
#pdi-seo-home-sections .pdi-seo-authority-card a {padding:4px 7px;font-size:10px;}
body.pdi-seo-ready .pdi-seo-original-deduped {display:none !important;}
@media (min-width: 1100px) {
 #pdi-seo-home-sections .pdi-seo-grid--3 {grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:700px) {
 #pdi-seo-home-sections.pdi-seo-root {width:calc(100% - 20px);margin-top:14px;}
 #pdi-seo-home-sections .pdi-seo-grid--3,#pdi-seo-home-sections .pdi-seo-grid--4 {grid-template-columns:repeat(2,minmax(0,1fr));}
 #pdi-seo-home-sections .pdi-seo-link {min-height:63px;padding:9px 8px;gap:6px;}
 #pdi-seo-home-sections .pdi-seo-tool-card {grid-template-columns:43px 1fr;gap:9px;}
 #pdi-seo-home-sections .pdi-seo-section {padding:14px 0 16px;}
 #pdi-seo-home-sections .pdi-seo-section-head {margin-bottom:10px;}
 #pdi-seo-home-sections .pdi-seo-authority-card {min-height:auto;}
}
@media (max-width:420px){#pdi-seo-home-sections .pdi-seo-grid--3,#pdi-seo-home-sections .pdi-seo-grid--4 {grid-template-columns:1fr;}}


/* R3 – comfortable reading sizes, responsive navigation and 1440px desktop shells */
@media (min-width: 960px) {
 body.pdi-seo-ready main.pdi-seo-main-wide,body.pdi-seo-ready .pdi-seo-outer-wide {width:min(1440px,calc(100% - 44px)) !important;max-width:1440px !important;}
}
#pdi-seo-topnav {padding-left:max(22px,calc((100% - 1440px)/2));padding-right:max(22px,calc((100% - 1440px)/2));min-height:66px;}
#pdi-seo-topnav .pdi-seo-navlinks a {font-size:14px;line-height:1.4;}
#pdi-seo-topnav .pdi-seo-brand {font-size:20px;}
#pdi-seo-home-sections.pdi-seo-root {width:min(1440px,calc(100% - 44px));}
body.pdi-seo-ready .pdi-seo-native-tab {font-size:16px !important;min-height:48px !important;padding:11px 20px !important;font-weight:750;}
body.pdi-seo-ready .pdi-seo-native-search-button {font-size:16px;min-height:50px;}
body.pdi-seo-ready input.pdi-seo-native-drug-input {min-height:50px;font-size:17px;}
body.pdi-seo-ready .pdi-seo-hero-intro {font-size:16px;}
body.pdi-seo-ready .pdi-seo-kicker {font-size:14px;}
#pdi-seo-home-sections .pdi-seo-section-head h2 {font-size:clamp(22px,1.8vw,26px);}
#pdi-seo-home-sections .pdi-seo-section-head p {font-size:14px;}
#pdi-seo-home-sections .pdi-seo-link {min-height:76px;padding:13px 14px;gap:12px;}
#pdi-seo-home-sections .pdi-seo-link--compact {min-height:69px;}
#pdi-seo-home-sections .pdi-seo-link__content strong {font-size:15px;line-height:1.45;}
#pdi-seo-home-sections .pdi-seo-link__content small {font-size:13px;line-height:1.4;}
#pdi-seo-home-sections .pdi-seo-detail-group h3 {font-size:17px;}
#pdi-seo-home-sections .pdi-seo-grid {gap:12px;}
#pdi-seo-home-sections .pdi-seo-tool-card {padding:20px 19px;gap:12px;}
#pdi-seo-home-sections .pdi-seo-tool-content h3 {font-size:19px;line-height:1.35;}
#pdi-seo-home-sections .pdi-seo-tool-content h3 span {font-size:16px;}
#pdi-seo-home-sections .pdi-seo-tool-content p {font-size:14px;line-height:1.65;}
#pdi-seo-home-sections .pdi-seo-tool-button {font-size:15px;min-height:45px;padding:11px 9px;}
#pdi-seo-home-sections .pdi-seo-authority-card {min-height:0;padding:11px 12px;gap:4px;}
#pdi-seo-home-sections .pdi-seo-authority-card h3 {font-size:13px;}
#pdi-seo-home-sections .pdi-seo-authority-card p {font-size:12px;}
#pdi-seo-home-sections .pdi-seo-authority-card a {font-size:12px;}
#pdi-seo-home-sections .pdi-seo-live-evidence {font-size:14px;}
#pdi-seo-home-sections .pdi-seo-all-tools-entry {margin:0 0 15px;text-align:right;}
#pdi-seo-home-sections .pdi-seo-all-tools-entry a {font-size:14px;font-weight:750;text-decoration:underline;color:#09649a;}
@media (max-width: 760px) {
 #pdi-seo-topnav .pdi-seo-navlinks a {font-size:14px;}
 #pdi-seo-home-sections.pdi-seo-root {width:calc(100% - 28px);}
 #pdi-seo-home-sections .pdi-seo-grid--3,#pdi-seo-home-sections .pdi-seo-grid--4 {grid-template-columns:repeat(2,minmax(0,1fr));}
 #pdi-seo-home-sections .pdi-seo-link {min-height:76px;padding:12px;}
 #pdi-seo-home-sections .pdi-seo-link__content strong {font-size:15px;}
 #pdi-seo-home-sections .pdi-seo-link__content small {font-size:13px;}
 #pdi-seo-home-sections .pdi-seo-section-head h2 {font-size:22px;}
 #pdi-seo-home-sections .pdi-seo-tool-content p {font-size:14px;}
 body.pdi-seo-ready .pdi-seo-native-tab {font-size:15px !important;min-height:46px !important;padding:10px 12px !important;}
}
@media (max-width:560px) {
 #pdi-seo-home-sections .pdi-seo-grid--3,#pdi-seo-home-sections .pdi-seo-grid--4 {grid-template-columns:1fr;}
 #pdi-seo-home-sections .pdi-seo-tool-grid {grid-template-columns:1fr;}
 #pdi-seo-home-sections .pdi-seo-tool-card {display:flex;}
 #pdi-seo-home-sections .pdi-seo-section-head p {font-size:13px;}
}
/* Dedicated pharmacist tools hub, intentionally distinct from the drug-price homepage. */
#pdi-seo-tools-hub.pdi-seo-hub {max-width:1200px;margin:20px auto 40px;padding:0 22px;box-sizing:border-box;color:#123650;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans JP',Meiryo,sans-serif;line-height:1.7;font-size:16px;}
#pdi-seo-tools-hub * {box-sizing:border-box;}
#pdi-seo-tools-hub a {color:#075e93;}
#pdi-seo-tools-hub .pdi-seo-hub-breadcrumb {font-size:13px;color:#536e83;margin:12px 0 20px;}
#pdi-seo-tools-hub .pdi-seo-hub-hero {border:1px solid #d3e5f2;border-radius:15px;padding:25px 30px;background:linear-gradient(110deg,#f3f9ff,#eaf5ff);}
#pdi-seo-tools-hub .pdi-seo-hub-kicker {color:#1b6599;font-weight:800;margin:0 0 6px;font-size:14px;}
#pdi-seo-tools-hub .pdi-seo-hub-hero h2 {font-size:32px;margin:0 0 10px;color:#103f64;line-height:1.35;}
#pdi-seo-tools-hub .pdi-seo-hub-hero p {font-size:16px;line-height:1.7;margin:0;max-width:900px;}
#pdi-seo-tools-hub .pdi-seo-hub-jump {display:flex;gap:10px;flex-wrap:wrap;margin-top:17px;}
#pdi-seo-tools-hub .pdi-seo-hub-jump a {background:#fff;border:1px solid #a8d1eb;border-radius:8px;text-decoration:none;padding:8px 15px;font-size:14px;font-weight:750;}
#pdi-seo-tools-hub section {margin-top:35px;}
#pdi-seo-tools-hub section>h2 {font-size:25px;border-left:4px solid #0872b0;padding-left:13px;margin:0 0 18px;line-height:1.4;}
#pdi-seo-tools-hub .pdi-seo-hub-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;}
#pdi-seo-tools-hub .pdi-seo-hub-card {display:flex;flex-direction:column;background:#fff;border:1px solid #cadfec;box-shadow:0 5px 16px #133b5612;border-radius:12px;padding:20px;}
#pdi-seo-tools-hub .pdi-seo-hub-icon {display:inline-flex;align-items:center;justify-content:center;width:51px;height:51px;background:#e7f4ff;border-radius:50%;color:#126b9f;}
#pdi-seo-tools-hub .pdi-seo-hub-card h3 {font-size:20px;line-height:1.5;margin:12px 0 8px;color:#123d5a;}
#pdi-seo-tools-hub .pdi-seo-hub-card p {font-size:15px;line-height:1.7;margin:0;}
#pdi-seo-tools-hub .pdi-seo-hub-card ul {font-size:14px;padding-left:19px;flex:1;margin:14px 0 20px;}
#pdi-seo-tools-hub .pdi-seo-hub-cta {display:block;text-align:center;color:#fff;text-decoration:none;background:#075f9a;padding:12px;border-radius:7px;font-weight:800;font-size:15px;}
#pdi-seo-tools-hub .pdi-seo-hub-usecases {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
#pdi-seo-tools-hub .pdi-seo-hub-usecases>div {background:#f6faff;padding:18px;border:1px solid #d6e6f2;border-radius:10px;}
#pdi-seo-tools-hub .pdi-seo-hub-usecases h3 {font-size:17px;margin:0 0 10px;}
#pdi-seo-tools-hub .pdi-seo-hub-usecases p {font-size:14px;}
#pdi-seo-tools-hub .pdi-seo-hub-usecases a {font-weight:750;font-size:14px;}
#pdi-seo-tools-hub .pdi-seo-hub-related-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
#pdi-seo-tools-hub .pdi-seo-hub-related-grid a {font-weight:750;padding:14px;background:#fff;border:1px solid #d5e6f2;border-radius:8px;text-decoration:none;}
#pdi-seo-tools-hub .pdi-seo-hub-safety {border:1px solid #d5e6f2;background:#f8fbfe;border-radius:10px;padding:19px;}
#pdi-seo-tools-hub .pdi-seo-hub-safety h2 {font-size:21px;margin:0 0 12px;}
#pdi-seo-tools-hub .pdi-seo-hub-safety p {font-size:14px;}
@media(max-width:820px){#pdi-seo-tools-hub .pdi-seo-hub-cards,#pdi-seo-tools-hub .pdi-seo-hub-usecases {grid-template-columns:1fr;}#pdi-seo-tools-hub .pdi-seo-hub-related-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){#pdi-seo-tools-hub.pdi-seo-hub{padding:0 14px;}#pdi-seo-tools-hub .pdi-seo-hub-hero{padding:18px;}#pdi-seo-tools-hub .pdi-seo-hub-hero h2{font-size:25px;}#pdi-seo-tools-hub .pdi-seo-hub-related-grid {grid-template-columns:1fr;}}

/* R3.1: four equal-strength tool cards and a visible tools-hub entry */
@media(min-width:1160px){
 #pdi-seo-home-sections .pdi-seo-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
 #pdi-seo-tools-hub .pdi-seo-hub-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
}
@media(min-width:821px) and (max-width:1159px){
 #pdi-seo-home-sections .pdi-seo-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 #pdi-seo-tools-hub .pdi-seo-hub-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
#pdi-seo-home-sections .pdi-seo-all-tools-entry{margin:2px 0 18px;text-align:left;}
#pdi-seo-home-sections .pdi-seo-all-tools-entry a{display:inline-flex;gap:10px;align-items:center;min-height:44px;border:1px solid #9fccec;background:#ebf7ff;color:#075584;padding:10px 18px;border-radius:8px;font-size:15px;font-weight:800;text-decoration:none;}
#pdi-seo-home-sections .pdi-seo-all-tools-entry a:hover,#pdi-seo-home-sections .pdi-seo-all-tools-entry a:focus-visible{background:#d9efff;text-decoration:underline;}
@media(max-width:820px){#pdi-seo-home-sections .pdi-seo-all-tools-entry a{width:100%;justify-content:center;}}


/* R3.2: breathing room between intent groups, without enlarging every card. */
#pdi-seo-home-sections .pdi-seo-detail-groups {gap:0;}
#pdi-seo-home-sections .pdi-seo-detail-group {margin:0;}
#pdi-seo-home-sections .pdi-seo-detail-group + .pdi-seo-detail-group {
  margin-top:19px; padding-top:22px; border-top:1px solid #e3ebf2;
}
#pdi-seo-home-sections .pdi-seo-detail-group h3 {
  margin:0 0 17px; font-size:18px; line-height:1.45; letter-spacing:.01em;
}
@media(max-width:700px) {
 #pdi-seo-home-sections .pdi-seo-detail-group + .pdi-seo-detail-group {margin-top:16px;padding-top:19px;}
 #pdi-seo-home-sections .pdi-seo-detail-group h3 {font-size:17px;margin-bottom:14px;}
}

/* Existing prefecture list is preserved, but intentionally secondary and last. */
body.pdi-seo-ready .pdi-seo-prefecture-tail {
  box-sizing:border-box; width:min(1440px,calc(100% - 44px)); max-width:1440px;
  margin:44px auto 24px; padding:14px 18px !important;
  border:1px solid #dde6ed !important; border-radius:10px;
  background:#f8fafc !important; box-shadow:none !important;
}
body.pdi-seo-ready .pdi-seo-prefecture-tail h2,
body.pdi-seo-ready .pdi-seo-prefecture-tail h3 {
  font-size:16px !important; margin:0 0 11px !important; color:#536c81 !important;
  font-weight:750 !important; line-height:1.5;
}
body.pdi-seo-ready .pdi-seo-prefecture-tail p {font-size:12px;color:#718396;}
body.pdi-seo-ready .pdi-seo-prefecture-tail a {font-size:13px;}
body.pdi-seo-ready .pdi-seo-prefecture-tail summary {font-size:14px;cursor:pointer;}
@media(max-width:700px) {
 body.pdi-seo-ready .pdi-seo-prefecture-tail {width:calc(100% - 28px);margin-top:30px;padding:13px !important;}
}

/* R3.2 standalone utility directory: remove old blog/article/sidebar layout. */
body.pdi-seo-hub-standalone {margin:0;background:#f6f9fc;color:#143a55;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;line-height:1.6;}
body.pdi-seo-hub-standalone *,body.pdi-seo-hub-standalone *::before,body.pdi-seo-hub-standalone *::after {box-sizing:border-box;}
body.pdi-seo-hub-standalone .pdi-seo-hub-site-header {background:#0b3653;color:#fff;width:100%;}
body.pdi-seo-hub-standalone .pdi-seo-hub-site-header__inner {width:min(1440px,calc(100% - 44px));min-height:68px;margin:auto;display:flex;gap:25px;justify-content:space-between;align-items:center;}
body.pdi-seo-hub-standalone .pdi-seo-hub-site-header a,body.pdi-seo-hub-standalone .pdi-seo-hub-site-footer a {color:inherit;text-decoration:none;}
body.pdi-seo-hub-standalone .pdi-seo-hub-site-brand {display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap;}
body.pdi-seo-hub-standalone .pdi-seo-hub-site-brand__mark {border:2px solid #b7defe;min-width:34px;min-height:34px;display:flex;align-items:center;justify-content:center;font-size:16px;}
body.pdi-seo-hub-standalone .pdi-seo-hub-site-header nav {display:flex;align-items:center;flex-wrap:wrap;gap:13px 26px;}
body.pdi-seo-hub-standalone .pdi-seo-hub-site-header nav a {font-size:14px;font-weight:750;}
body.pdi-seo-hub-standalone .pdi-seo-hub-site-header nav a[aria-current=page] {text-decoration:underline;text-underline-offset:5px;}
body.pdi-seo-hub-standalone .pdi-seo-hub-standalone-main {display:block;width:100%;max-width:none;padding:0;background:transparent;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub.pdi-seo-hub {max-width:1400px;width:calc(100% - 44px);margin:30px auto 72px;padding:0;font-size:16px;line-height:1.65;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-breadcrumb {margin:8px 0 20px;font-size:14px;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-hero {padding:32px 38px;border-radius:16px;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-hero h1 {margin:0 0 14px;font-size:clamp(26px,3.15vw,38px);font-weight:850;line-height:1.3;color:#103f64;border:0;background:none;padding:0;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub section {margin-top:38px;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub section>h2 {margin:0 0 21px;font-size:clamp(21px,2vw,26px);font-weight:800;color:#103f64;border-left:4px solid #0872b0;background:none;border-top:none;border-bottom:none;padding:2px 0 2px 14px;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-cards {grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-card {min-width:0;padding:22px;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-card h3 {font-size:19px;font-weight:800;line-height:1.4;color:#123d5a;background:none;border:0;padding:0;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-card p {font-size:15px;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-card ul {font-size:14px;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-cta {min-height:48px;display:flex;align-items:center;justify-content:center;line-height:1.35;color:#fff;font-size:15px;text-decoration:none;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-usecases {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
body.pdi-seo-hub-standalone .pdi-seo-hub-site-footer {background:#0b3653;color:#dcecf7;}
body.pdi-seo-hub-standalone .pdi-seo-hub-site-footer__inner {width:min(1440px,calc(100% - 44px));margin:auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;}
body.pdi-seo-hub-standalone .pdi-seo-hub-site-footer nav {display:flex;flex-wrap:wrap;gap:14px;}
body.pdi-seo-hub-standalone .pdi-seo-hub-skip {position:absolute;left:-9999px;top:0;padding:8px 14px;background:#fff;color:#075f9a;z-index:10000;}
body.pdi-seo-hub-standalone .pdi-seo-hub-skip:focus {left:12px;top:12px;}
body.pdi-seo-hub-standalone #pdi-seo-tools-hub a:focus-visible,body.pdi-seo-hub-standalone .pdi-seo-hub-site-header a:focus-visible {outline:3px solid #3d9ee7;outline-offset:3px;}
@media(max-width:1140px){
 body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-cards {grid-template-columns:repeat(2,minmax(0,1fr));}
 body.pdi-seo-hub-standalone .pdi-seo-hub-site-header__inner {flex-wrap:wrap;padding:14px 0;}
}
@media(max-width:690px){
 body.pdi-seo-hub-standalone #pdi-seo-tools-hub.pdi-seo-hub {width:calc(100% - 28px);margin:18px auto 44px;}
 body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-hero {padding:20px;}
 body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-cards {grid-template-columns:1fr;gap:14px;}
 body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-usecases,body.pdi-seo-hub-standalone #pdi-seo-tools-hub .pdi-seo-hub-related-grid {grid-template-columns:1fr;}
 body.pdi-seo-hub-standalone .pdi-seo-hub-site-header__inner,body.pdi-seo-hub-standalone .pdi-seo-hub-site-footer__inner {width:calc(100% - 28px);}
 body.pdi-seo-hub-standalone .pdi-seo-hub-site-header nav {width:100%;flex-wrap:nowrap;overflow-x:auto;padding:4px 0;}
 body.pdi-seo-hub-standalone .pdi-seo-hub-site-footer__inner {flex-direction:column;align-items:flex-start;}
}