@charset "UTF-8";
:root{--cream:#fff8e9;--purple:#56388d;--pink:#e94e8a;--ink:#3d3153;--muted:#7b7186;--line:#e9e1ea;--white:#fff;--shadow:0 7px 24px #6550750d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Hiragino Maru Gothic ProN","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-size:14px;line-height:1.7}body:before{content:"";position:absolute;inset:0 0 auto;height:1050px;z-index:-1;background:radial-gradient(ellipse at 0 25%,#f9e4ef90,transparent 55%),radial-gradient(ellipse at 100% 52%,#e5efedaa,transparent 50%);pointer-events:none}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}svg{display:block;width:48px;height:48px}img{display:block}h1,h2,h3,p{margin:0}h2,h3{line-height:1.5}a,button,input{outline-offset:4px}:focus-visible{outline:3px solid #9b75cd}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:5px}.preview-note{text-align:center;background:#efe7f6;color:#70558c;font-size:11px;padding:6px 12px}.preview-note span{margin-left:18px;color:#87768e}.site-header{max-width:1180px;margin:auto;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:var(--purple);font-size:24px;font-weight:850;letter-spacing:.02em;white-space:nowrap}.brand img{object-fit:contain}.brand small{display:block;font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.06em;margin-top:1px}.site-header nav{display:flex;gap:23px;align-items:center;font-size:13px;font-weight:700}.site-header nav>a:not(.header-search):hover{color:var(--pink)}.header-search{display:flex;align-items:center;gap:8px;background:var(--purple);color:white;padding:11px 17px;border-radius:100px;box-shadow:0 4px 10px #56388d18}.header-search svg{width:21px;height:21px}.page{max-width:1180px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:25px 10px 34px;border-top:1px solid #e9dde2}.eyebrow{font-size:11px;font-weight:700;color:#a37593;letter-spacing:.09em}.intro h1{font-size:36px;font-weight:850;line-height:1.5;letter-spacing:.035em;color:var(--purple);margin:5px 0 10px}.intro>div>p:last-child{color:var(--muted);font-size:13px;line-height:1.9}.intro-stamp{display:flex;align-items:center;gap:14px;position:relative;margin-right:30px;transform:rotate(-3deg)}.intro-stamp img{width:100px;height:100px;filter:drop-shadow(0 5px 2px #79649212)}.intro-stamp span{background:#fff9fc;border:2px solid #e8cddd;border-radius:22px;padding:12px 18px;font-size:13px;font-weight:700;color:#9b6588;line-height:1.6}.intro-stamp i{font-style:normal;color:#e7ba49;font-size:29px;position:absolute;left:-18px;top:-7px}.portal-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;align-items:start}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 18px}.section-head h2{font-size:21px;font-weight:800}.section-head>span{font-size:10px;font-weight:700;color:#9b8f9e;letter-spacing:.16em}.section-head>a{font-size:11px;color:#8f6ca9;font-weight:700;white-space:nowrap}.section-symbol{display:inline-grid;place-items:center;width:29px;height:29px;background:#f3dbe8;color:#be7296;border-radius:10px;margin-right:9px;font-size:19px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tool-card{display:flex;align-items:center;gap:13px;min-height:123px;background:white;border:1px solid #e6e0e7;border-radius:20px;padding:18px 16px;box-shadow:var(--shadow);position:relative;transition:transform .18s,border-color .18s,box-shadow .18s}.tool-card:hover{transform:translateY(-3px);border-color:#c8b1df;box-shadow:0 10px 25px #72578517}.tool-icon{display:grid;place-items:center;width:62px;height:66px;border-radius:18px;flex-shrink:0;background:var(--tint);color:var(--accent)}.tool-icon svg{width:38px;height:38px}.tool-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.tool-copy strong{font-size:16px;line-height:1.5;font-weight:800}.tool-copy>span{font-size:11px;color:var(--muted);line-height:1.7}.arrow{color:#b7a9c2;margin-left:auto;font-size:16px;flex:none}.green{--tint:#e7f3ec;--accent:#608e78}.mint{--tint:#e3f2ef;--accent:#4a978e}.pink{--tint:#fce5ed;--accent:#bd7294}.purple{--tint:#eee6f8;--accent:#8962b5}.blue{--tint:#e4effb;--accent:#6994be}.yellow{--tint:#fff2d3;--accent:#b49a52}.recommended{display:block;width:max-content;color:#658f75;font-size:9px;letter-spacing:.1em;line-height:1.4}.beginner{display:flex;gap:13px;align-items:center;margin-top:18px;padding:15px 19px;border-radius:18px;background:#f4eef9;border:1px dashed #d3bee5;color:#745397}.beginner-icon{display:grid;place-items:center;border-radius:50%;width:35px;height:35px;font-size:20px;font-weight:800;background:white;flex:none}.beginner strong{font-size:13px}.beginner small{display:block;font-size:11px;margin-top:4px;color:#8e7f9d}.beginner b{margin-left:auto}.sidebar{display:grid;gap:20px}.latest{background:white;border:1px solid var(--line);border-radius:20px;padding:20px 23px;box-shadow:var(--shadow)}.latest .section-head{margin-bottom:8px}.latest h2{font-size:17px}.latest-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;row-gap:4px;padding:13px 0;border-bottom:1px dashed #e9e0e9}.latest-item:last-child{border:0;padding-bottom:0}.latest-item time{color:#9b8da1;font-size:10px;letter-spacing:.04em}.latest-item .category{justify-self:start}.latest-item strong{grid-column:1/3;font-size:12px;line-height:1.75}.latest-item>span:last-child{grid-row:2;grid-column:3;font-size:15px;color:#baaac7}.latest-item:hover strong{color:var(--purple)}.category{display:inline-block;font-size:9px;font-weight:700;padding:3px 8px;border-radius:100px;line-height:1.4;white-space:nowrap}.category.guide{background:#eee6f7;color:#8260a5}.category.ranking{background:#fff0ce;color:#a1843e}.category.challenge{background:#f9e3ec;color:#b2668b}.category.research{background:#e4f0ed;color:#5c9183}.ranking-feature{border:1px solid #ecd4e2;border-radius:22px;padding:22px;background:linear-gradient(125deg,#fffaf3,#fceaf3 85%);position:relative;overflow:hidden}.ranking-feature:after{content:"✦";position:absolute;right:10px;top:41px;color:#f2cfdc;font-size:60px;transform:rotate(14deg);pointer-events:none}.rank-heading{display:flex;align-items:center;gap:8px;color:#b47792;font-weight:700;font-size:11px}.rank-heading svg{width:24px;height:24px}.ranking-feature h2{font-size:24px;color:#785491;margin:9px 0 8px}.ranking-feature>p{font-size:11px;color:#9c7f8f;line-height:1.8}.ranking-feature>a{display:block;background:white;border:1px solid #e9d6df;border-radius:15px;padding:12px 16px;margin:14px 0 11px;position:relative}.rank-tag{display:block;width:max-content;padding:1px 7px;border-radius:99px;background:#f9efda;font-size:9px;color:#b19250;margin-bottom:5px}.ranking-feature>a strong{display:block;font-size:16px;line-height:1.6;color:#785b91}.rank-meta{display:block;font-size:10px;color:#a990a1;margin-top:7px}.ranking-feature .future-note{font-size:10px;color:#a48c9b}.future-note>span{display:inline-block;margin:6px 5px 0 0;border:1px dashed #e6cddb;border-radius:99px;padding:2px 8px;color:#b0869f;background:#fff8fb}.articles{margin-top:46px;padding-top:30px;border-top:1px solid #e6dae5}.article-heading{align-items:end;margin-bottom:20px}.article-heading h2{font-size:24px;margin-top:4px;color:var(--purple)}.article-search{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--line);border-radius:100px;padding:10px 15px;width:240px}.article-search svg{width:20px;height:20px;color:#b69bcb}.article-search input{border:0;background:transparent;width:100%;min-width:0;outline-offset:3px;font-size:12px;color:var(--ink)}.article-search input::placeholder{color:#b2a7bc}.article-tabs{display:flex;gap:8px;flex-wrap:wrap}.article-tabs button{border:1px solid #e5dce9;border-radius:99px;padding:8px 14px;background:#fff;color:#918398;font-size:11px;font-weight:700}.article-tabs button[aria-pressed=true]{border-color:#9a77b7;background:#eee5f7;color:#775297}.article-tabs button span{font-size:9px;margin-left:6px;opacity:.8}.article-status{font-size:10px;color:#a99bb0;margin:12px 0 15px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.article-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.article-card:hover{transform:translateY(-3px);border-color:#c5afd9}.article-cover{height:113px;display:flex;align-items:center;justify-content:center;gap:15px;position:relative;color:#9474ad;background:#efe7f6;font-weight:800;font-size:20px;overflow:hidden}.article-cover:before,.article-cover:after{content:"";position:absolute;width:115px;height:115px;border-radius:50%;border:2px solid #fff8;left:-35px;top:-50px}.article-cover:after{width:90px;height:90px;left:auto;top:auto;right:-30px;bottom:-40px}.article-cover svg{width:49px;height:49px}.article-cover.ranking{background:#fff0cf;color:#ba9a50}.article-cover.challenge{background:#f9dfeb;color:#b77495}.article-cover.research{background:#e4efe9;color:#6b9987}.article-body{padding:18px 21px;display:flex;flex-direction:column;align-items:start;flex:1}.article-body h3{font-size:15px;font-weight:800;margin:9px 0}.article-body>p{font-size:11px;color:#94869d;line-height:1.9}.article-meta{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:9px;color:#aa9ab2;padding-top:16px;margin-top:auto;gap:8px}.article-meta>span:last-child{font-size:10px;color:#967bab;font-weight:700}.empty{padding:40px;text-align:center;background:white;border:1px dashed #dfcfe8;border-radius:20px;color:#9b87ac;font-size:13px}.empty button{display:block;margin:16px auto 0;padding:8px 14px;border:1px solid #ccb4dc;background:#f7f1fb;border-radius:99px;color:#7d5c9b;font-size:12px}[hidden]{display:none!important}.request-box{display:flex;align-items:center;gap:20px;margin:38px 0 50px;padding:25px 28px;background:#f4ecf9;border:1px solid #e3d5ed;border-radius:22px}.request-box>span{display:grid;place-items:center;border-radius:16px;background:white;padding:11px;color:#b08ac8}.request-box svg{width:32px;height:32px}.request-box h2{font-size:18px;color:#82589e}.request-box p{font-size:11px;color:#a18bae;margin-top:5px}.request-box>a{margin-left:auto;white-space:nowrap;border-radius:99px;padding:10px 16px;background:white;border:1px solid #d9c4e7;color:#9770af;font-size:11px;font-weight:700}footer{background:#f6efe7;text-align:center;padding:30px 20px;color:#a18f9e;font-size:10px;line-height:1.9;border-top:1px solid #eee2e7}.footer-brand{display:flex;align-items:center;justify-content:center;gap:8px;color:#8c6ca3;font-size:16px;font-weight:800;margin-bottom:15px}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin-bottom:16px}footer p{font-size:9px}footer>small{font-size:9px;display:block;margin-top:12px}
@media(max-width:1260px){.site-header,.page{margin-left:35px;margin-right:35px}.tool-card{gap:10px;padding:17px 13px}.tool-copy strong{font-size:15px}.tool-icon{width:53px;height:60px}.tool-icon svg{width:33px;height:33px}}
@media(max-width:1000px){.site-header{flex-wrap:wrap;gap:15px}.site-header nav{gap:20px;margin-left:auto}.brand{font-size:21px}.portal-grid{grid-template-columns:1.4fr 1fr;gap:18px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:100px}.tool-copy strong{font-size:16px}.intro-stamp{margin:0}.intro-stamp img{width:80px;height:80px}.article-heading h2{font-size:21px}.article-grid{gap:14px}.article-body{padding:17px}.article-cover{font-size:17px;gap:8px}.article-cover svg{width:37px;height:37px}}
@media(max-width:720px){.preview-note{font-size:9px}.preview-note span{display:none}.site-header,.page{margin-left:18px;margin-right:18px}.site-header{padding:16px 0;gap:13px}.brand{font-size:20px;gap:9px}.brand img{width:44px;height:44px}.brand small{font-size:8px}.site-header nav{gap:0;justify-content:space-between;width:100%;font-size:11px}.header-search{padding:8px 11px;gap:5px;font-size:10px}.header-search svg{width:16px;height:16px}.intro{padding:20px 0 26px;gap:0}.intro h1{font-size:28px;letter-spacing:0;margin:4px 0 9px}.eyebrow{font-size:9px}.intro>div>p:last-child{font-size:11px}.intro-stamp{display:none}.portal-grid{grid-template-columns:1fr;gap:25px}.section-head{margin-bottom:14px}.section-head h2{font-size:18px}.section-head>span{font-size:8px}.section-symbol{width:25px;height:25px;font-size:16px;margin-right:6px}.tool-grid{grid-template-columns:1fr 1fr;gap:10px}.tool-card{display:flex;flex-direction:column;align-items:flex-start;padding:14px 12px;gap:9px;min-height:149px;border-radius:17px}.tool-icon{width:43px;height:43px;border-radius:13px}.tool-icon svg{width:27px;height:27px}.tool-copy{gap:4px}.tool-copy strong{font-size:12px;line-height:1.55}.tool-copy>span{font-size:9px;line-height:1.8}.arrow{position:absolute;right:13px;top:19px;font-size:14px}.recommended{font-size:8px}.beginner{margin-top:13px;padding:13px;border-radius:16px;gap:10px}.beginner strong{font-size:11px}.beginner small{font-size:9px;line-height:1.9}.beginner-icon{width:30px;height:30px;font-size:18px}.sidebar{gap:16px}.latest{padding:17px 18px;border-radius:18px}.latest h2{font-size:16px}.latest-item strong{font-size:12px}.ranking-feature{padding:20px;border-radius:20px}.ranking-feature h2{font-size:25px}.ranking-feature:after{right:18px;top:42px;font-size:72px}.articles{margin-top:32px;padding-top:24px}.article-heading{display:block}.article-heading h2{font-size:20px}.article-search{margin-top:17px;width:100%;padding:11px 15px}.article-tabs{gap:7px}.article-tabs button{font-size:10px;padding:7px 11px}.article-tabs button span{font-size:8px;margin-left:3px}.article-grid{grid-template-columns:1fr;gap:14px}.article-card{display:grid;grid-template-columns:91px minmax(0,1fr);border-radius:16px}.article-cover{height:100%;min-height:167px;flex-direction:column;gap:12px;font-size:10px;padding:12px;text-align:center}.article-cover svg{width:37px;height:37px;flex-shrink:0}.article-body{padding:14px}.article-body h3{font-size:13px;margin:7px 0}.article-body>p{font-size:10px;line-height:1.8}.category{font-size:8px}.article-meta{font-size:8px;padding-top:12px}.article-meta>span:last-child{font-size:9px}.request-box{padding:20px;flex-wrap:wrap;gap:12px;margin:26px 0 32px}.request-box>span{padding:9px;border-radius:13px}.request-box svg{width:26px;height:26px}.request-box>div{flex:1;min-width:170px}.request-box h2{font-size:16px}.request-box p{font-size:10px}.request-box>a{margin-left:auto;margin-top:0;font-size:10px}footer{padding:27px 18px}.footer-brand{font-size:15px}}
/* Keep explanatory text readable while retaining the soft palette. */
.tool-copy>span,.article-body>p{color:#75687f;font-size:12px}
.ranking-feature>p{color:#806579}.latest-item time,.article-meta{color:#81718a}
@media(max-width:720px){.tool-copy strong{font-size:14px}.tool-copy>span{font-size:11px}.tool-card{min-height:160px}.article-body>p{font-size:11px}.article-body h3{font-size:14px}.beginner small{font-size:10px}.article-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card,.article-card{transition:none}}

/* Reports and analytics retain the same controls as the search page. */
.home-page .site-info{max-width:1180px;margin:0 auto 40px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.home-page .info-box{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;scroll-margin-top:20px}
.home-page .info-box>summary{padding:18px 20px;font-size:14px;display:flex;justify-content:space-between;cursor:pointer;list-style:none;color:var(--purple);font-weight:700}
.home-page .info-box>summary span{font-size:0}.home-page .info-box>summary span:after{content:'＋';font-size:15px}.home-page .info-box[open]>summary span:after{content:'−'}
.home-page .info-body{padding:0 20px 20px;font-size:12px;line-height:1.8}.home-page .info-body h3{margin:18px 0 8px;font-size:14px}
.home-page .info-body label{display:block;margin-bottom:14px;font-weight:600}.home-page .info-body input,.home-page .info-body select,.home-page .info-body textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:10px;background:white;color:var(--ink);font:inherit;min-width:0}
.home-page .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-page .note{color:var(--muted);margin:8px 0 14px;font-size:12px}
.home-page .report-actions{display:flex;gap:12px;align-items:center}.home-page .report-actions button{padding:10px 16px;border:0;font-size:12px}.home-page .report-item{padding:12px 0;border-bottom:1px solid var(--line)}.home-page .report-item small{color:var(--muted)}.home-page .report-item strong{display:block}.home-page .report-item p{white-space:pre-wrap}
.home-page .change-list{list-style:none;padding:0}.home-page .change-list li{border-bottom:1px solid var(--line);padding:14px 0}.home-page .change-list time{font-size:10px;color:var(--muted);display:block}.home-page .change-list p{margin-top:5px;color:var(--muted)}
.home-page .site-disclaimer{max-width:1180px;margin:auto;padding:24px 0;background:transparent;border-color:var(--line);text-align:left;font-size:10px}.home-page .site-disclaimer p{margin-bottom:8px}
.analytics-settings{background:transparent;border:0;padding:0;color:var(--purple);text-decoration:underline;font:inherit}
.analytics-consent{position:fixed;bottom:16px;left:16px;right:16px;max-width:600px;margin:auto;background:white;padding:16px;z-index:20;font-size:12px;line-height:1.8;border:1px solid var(--line)}
.analytics-consent p{margin:0 0 12px}.analytics-consent>div{display:flex;gap:12px;justify-content:flex-end}.analytics-consent button{padding:8px 14px;border:1px solid var(--line);font:inherit;background:white}
@media(max-width:1260px){.home-page .site-info,.home-page .site-disclaimer{margin-left:35px;margin-right:35px}}
@media(max-width:720px){.home-page .site-info{grid-template-columns:1fr}.home-page .site-info,.home-page .site-disclaimer{margin-left:18px;margin-right:18px}.home-page .two{grid-template-columns:1fr}}

.tool-card.cookie-catalog{--tint:#fff0df;--accent:#bf8b57}
.tool-card.ranking-catalog{--tint:#fff0ce;--accent:#a1843e}

/* Keep the tool grid and the expanded reading list compact. */
.intro{padding-top:16px;padding-bottom:20px}
.portal-grid{gap:22px}
.tool-grid{gap:12px}
.tool-card{min-height:104px;padding:14px;gap:11px}
.tool-icon{width:52px;height:56px;border-radius:15px}
.tool-icon svg{width:33px;height:33px}
.beginner{margin-top:12px;padding:12px 16px}
.latest{padding:16px 18px}
.latest .section-head{margin-bottom:4px}
.latest-item{padding:9px 0;row-gap:2px;column-gap:8px}
.latest-item strong{line-height:1.6}
.articles{margin-top:28px;padding-top:22px}
.request-box{margin-top:26px;margin-bottom:32px;padding:20px 24px}
@media(max-width:1000px) and (min-width:721px){.tool-card{min-height:90px}}
@media(max-width:720px){
 .intro{padding:14px 0 18px}
 .portal-grid{gap:18px}
 .tool-grid{gap:9px}
 .tool-card{min-height:132px;padding:12px 10px;gap:8px}
 .tool-icon{width:40px;height:40px;border-radius:12px}
 .tool-icon svg{width:25px;height:25px}
 .latest{padding:14px 16px}
 .latest-item{padding:9px 0}
 .articles{margin-top:24px;padding-top:20px}
 .request-box{padding:18px;margin-top:22px;margin-bottom:26px}
}