/* Home / Detail visual reproduction layer. offers.html and point-exchange.html keep styles.css. */
:root {
  --brand-yellow:#f8ca36; --brand-yellow-deep:#dfad11; --brand-yellow-soft:#fff4bd;
  --mint:#31c4a7; --mint-deep:#0b8f72; --mint-soft:#e6f7f0;
  --deep-teal:#073f44; --deep-teal-hover:#052f33; --text:#293840; --muted:#66777d;
  --surface:#fff; --surface-soft:#f6fbf9; --border:#dce9e5; --border-strong:#bfd4ce;
  --reward:#e83a4f; --reward-soft:#fff0f3; --difference:#f06445;
  --warning:#b43b31; --warning-soft:#fff1ee; --focus:#075e55;
  --content:1180px; --radius:12px; --radius-sm:8px; --shadow:0 6px 18px rgba(7,51,63,.055);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:0;color:var(--text);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-variant-numeric:tabular-nums;line-height:1.65;overflow-wrap:anywhere}
button,input,select{font:inherit} a{color:var(--mint-deep);text-underline-offset:.18em} button,a,input,select,summary{outline-offset:3px}:focus-visible{outline:3px solid var(--focus)}[hidden]{display:none!important}img,svg{max-width:100%}
h1,h2,h3,h4{margin:0;color:var(--deep-teal);line-height:1.35;letter-spacing:-.015em}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.35rem,2.2vw,1.85rem)}h3{font-size:1.05rem}p{margin:0}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:1000;top:-100px;left:8px;padding:10px 14px;border-radius:var(--radius-sm);color:#fff;background:var(--deep-teal)}.skip-link:focus{top:8px}
.site-frame{width:100%;min-height:100vh;background:#fff}.content,.header-inner,.footer-inner{width:min(var(--content),calc(100% - 40px));margin-inline:auto}.page{min-height:70vh}

/* Brand shell */
.ad-bar{min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 16px;color:#5b4a0a;background:var(--brand-yellow);font-size:.74rem;text-align:center}
.ad-bar a{min-height:44px;display:inline-flex;align-items:center;margin-left:.55em;color:var(--deep-teal);font-weight:700}
.site-header{position:relative;z-index:20;background:var(--brand-yellow);border-bottom:1px solid rgba(113,84,0,.14)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{min-height:48px;display:inline-flex;align-items:center;gap:11px;color:var(--deep-teal);text-decoration:none;flex:none}.brand-mark-c{width:42px;height:42px;display:block;flex:none}
.brand-lockup{display:flex;flex-direction:column;line-height:1.12}.brand-wordmark{display:inline-flex;align-items:baseline;color:var(--deep-teal);font-size:1.18rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}.brand-wordmark em{font-style:normal;font-weight:800}.brand-tagline{margin-top:4px;color:rgba(7,63,68,.78);font-size:.62rem;font-weight:700;letter-spacing:.06em}
.desktop-nav{display:flex;align-items:center;gap:2px;min-width:0}.desktop-nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 9px;color:var(--deep-teal);border-radius:6px;font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}.desktop-nav a[aria-current="page"],.desktop-nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.header-search{min-width:44px;min-height:44px;justify-content:center;margin-left:5px;border-radius:50%!important}.header-search:hover{background:rgba(255,255,255,.48);text-decoration:none!important}.header-search .ico{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.menu-button{min-width:44px;min-height:44px;display:none;place-items:center;border:0;border-radius:50%;color:var(--deep-teal);background:rgba(255,255,255,.62);cursor:pointer;font-size:1.25rem}.mobile-nav{display:none;padding:6px 20px 14px;border-top:1px solid rgba(113,84,0,.14);background:#fff}.mobile-nav.is-open{display:grid}.mobile-nav a{min-height:48px;display:flex;align-items:center;padding:8px 10px;color:var(--deep-teal);border-bottom:1px solid var(--border);text-decoration:none;font-weight:700}

/* Shared */
.page-block{padding:42px 0}.page-block+.page-block{border-top:1px solid var(--border)}.section-soft{background:var(--surface-soft)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-heading h2,.detail-section>h2,#comparison-heading{padding-left:13px;border-left:4px solid var(--brand-yellow)}.section-heading p{max-width:680px;margin-top:6px;color:var(--muted);font-size:.92rem}.text-link{min-height:44px;display:inline-flex;align-items:center;font-size:.88rem;font-weight:700}.page-answer{max-width:700px;margin-top:14px;color:#39565a;font-size:1rem}.meta{color:var(--muted);font-size:.78rem}.meta+.meta{margin-top:2px}
.badge{min-height:26px;display:inline-flex;align-items:center;padding:3px 9px;border:1px solid var(--border);border-radius:999px;color:#496268;background:#fff;font-size:.72rem;font-weight:700;line-height:1.2;white-space:nowrap}.badge-increase,.badge-verified{color:var(--mint-deep);background:var(--mint-soft);border-color:#bce8dc}.badge-warning{color:var(--warning);background:var(--warning-soft);border-color:#f2c7c1}
.primary-button,.secondary-button,.quiet-button,.referral-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:var(--radius-sm);font-weight:750;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer}.primary-button{color:#fff;background:var(--deep-teal);border:1px solid var(--deep-teal)}.primary-button:hover{background:var(--deep-teal-hover)}.secondary-button,.referral-button{color:var(--deep-teal);background:#fff;border:1px solid var(--border-strong)}.secondary-button:hover,.referral-button:hover{background:var(--mint-soft)}.quiet-button{color:var(--text);background:#fff;border:1px solid var(--border-strong)}
.referral-button{flex-direction:column;gap:1px}.referral-button-line{display:flex;align-items:baseline;justify-content:center;gap:5px;flex-wrap:wrap}.referral-button-kicker{color:var(--muted);font-size:.66rem;font-weight:650}.referral-button-main{font-weight:750}.referral-button-benefit{color:var(--muted);font-size:.65rem;font-weight:600;line-height:1.2}

/* Home hero */
#page-home .hero{padding:26px 0 28px;background:var(--mint-soft)}
#page-home .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-template-areas:"copy art" "search search" "trust trust";column-gap:36px;row-gap:0;align-items:center}.hero-copy{grid-area:copy}.hero-copy h1{max-width:760px;font-size:clamp(2.25rem,3.4vw,3rem);line-height:1.27}.hero-art{grid-area:art;width:260px;justify-self:end}.hero-art img{width:100%;height:auto;display:block}
.hero-card{grid-area:search;margin-top:14px;padding:0;border:0;background:none}.hero .search-row{display:flex;align-items:center;gap:4px;min-height:60px;padding:4px 4px 4px 7px;border:1.5px solid var(--deep-teal);border-radius:999px;background:#fff;box-shadow:0 3px 10px rgba(7,51,63,.04)}.hero .search-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;color:var(--muted)}.hero .search-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero .control{min-width:0;min-height:48px;flex:1;padding:0 7px;border:0;color:var(--text);background:none;font-size:.95rem}.hero .control:focus-visible{outline:0}.hero .primary-button{min-height:50px;flex:none;padding-inline:25px;border-radius:999px;white-space:nowrap}.hero .primary-button .ico{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.trust-cards{grid-area:trust;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 0;padding:0;list-style:none}.trust-cards li{min-height:80px;display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 3px 10px rgba(7,51,63,.025)}.trust-card-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:50%;color:var(--mint-deep);background:var(--mint-soft)}.trust-card-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.trust-card-text{display:flex;flex-direction:column;line-height:1.35}.trust-card-label{color:var(--muted);font-size:.7rem}.trust-card-value{color:var(--deep-teal);font-size:.91rem;font-weight:800}

/* Home categories */
.action-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.action-card{min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;padding:9px 5px;border-radius:var(--radius);color:var(--text);text-align:center;text-decoration:none}.action-card:hover{background:var(--surface-soft)}.icon-box{width:60px;height:60px;display:grid;place-items:center;flex:none;border-radius:50%;background:transparent}.icon-box img{width:60px;height:60px;display:block}.action-card>span:last-child{min-width:0;display:flex;flex-direction:column;gap:1px}.action-card strong{color:var(--deep-teal);font-size:.88rem;font-weight:750}.action-card small{color:var(--muted);font-size:.7rem}
.cat-card{color:#2f80ed;background:#eaf3ff}.cat-bank{color:#18a47b;background:#e7f8f1}.cat-invest{color:#3c72d9;background:#edf2ff}.cat-wifi{color:#278bc2;background:#e8f6fc}.cat-bolt{color:#dfa100;background:#fff5d7}.cat-shopping{color:#ef6258;background:#fdecea}

/* Home increase cards */
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.increase-card-link{position:relative;height:100%;display:block;padding:16px 18px 17px;color:var(--text);text-decoration:none}.increase-card-link:hover{background:#fcfefd}.rank-medal{position:absolute;top:14px;left:16px;width:36px;height:43px;display:block}.rank-medal img{width:36px;height:43px;display:block}.increase-card-link .status-line{min-height:31px;display:flex;align-items:center;justify-content:flex-end;margin:0 0 9px 46px}.card-title{min-height:45px;margin:0 0 8px;padding-left:46px;display:flex;align-items:center}.reward-value{color:var(--reward);font-size:1.12rem;font-weight:800;line-height:1.35;letter-spacing:-.015em}.increase-card-link::after{min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:7px 16px;border-radius:999px;color:#fff;background:var(--deep-teal);content:"詳しく見る  →";font-size:.78rem;font-weight:800}

/* Home secondary sections */
.purpose-grid{max-width:720px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.purpose-link{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;border:1px solid var(--border);border-radius:var(--radius);color:var(--deep-teal);background:#fff;text-decoration:none;font-weight:750}.purpose-link:hover{border-color:var(--border-strong);background:var(--surface-soft)}.exchange-entry{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:23px 25px;border:1px solid var(--border);border-radius:var(--radius);background:var(--mint-soft)}.exchange-entry p{margin-top:5px;color:var(--muted)}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none}.feature-item{padding:3px;text-align:center}.feature-icon{width:55px;height:55px;display:block;margin:0 auto 10px}.feature-icon img{width:55px;height:55px;display:block}.feature-item h3{margin-bottom:5px;font-size:.94rem;font-weight:800}.feature-item p{color:var(--muted);font-size:.8rem;line-height:1.65;text-wrap:pretty}.method-links{display:flex;flex-wrap:wrap;gap:8px 22px}

/* Detail overview */
.breadcrumb{padding-top:15px;color:var(--muted);font-size:.78rem}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:3px 7px;margin:0;padding:0;list-style:none}.breadcrumb li:not(:last-child)::after{margin-left:7px;color:#96a7aa;content:"/"}.breadcrumb a{color:var(--muted)}
.detail-wrap{max-width:var(--content);margin:0 auto;padding:25px 0 0}.detail-overview{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;align-items:start;padding-bottom:30px}.detail-image{width:240px;aspect-ratio:1.56;display:grid;place-items:center;overflow:hidden;border:1px solid #c9dfd8;border-radius:var(--radius);background:#e9f4ef;box-shadow:var(--shadow)}.detail-image img{width:100%;height:100%;display:block;object-fit:cover}.detail-overview h1{font-size:clamp(1.9rem,2.8vw,2.25rem);line-height:1.3}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.detail-facts{display:grid;grid-template-columns:1.22fr repeat(2,minmax(0,1fr));margin:18px 0 0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.detail-facts>div{min-width:0;min-height:88px;padding:12px 14px;border-left:1px solid var(--border)}.detail-facts>div:first-child{border-left:0;background:var(--reward-soft)}.detail-facts dt{color:var(--muted);font-size:.7rem;font-weight:650}.detail-facts dd{margin:3px 0 0;color:var(--deep-teal);font-size:.94rem;font-weight:800}.detail-facts #detail-current-value{color:var(--reward);font-size:clamp(1.85rem,3vw,2.55rem);line-height:1.15;white-space:nowrap}

/* Detail content */
#pkn-site-comparison,#detail-conditions,#detail-history{scroll-margin-top:16px}.detail-section{padding:29px 0;border-top:1px solid var(--border)}.detail-section>h2{margin-bottom:16px}
.tab-list{display:flex;flex-wrap:wrap;gap:7px;overflow:visible;margin-bottom:16px;border-bottom:1px solid var(--border)}.tab-list button,.pkn-history-toggle button{min-width:44px;min-height:44px;flex:1 1 auto;padding:8px 10px;border:0;border-bottom:3px solid transparent;color:var(--muted);background:none;font-weight:750;white-space:normal;cursor:pointer}.tab-list button[aria-selected="true"],.pkn-history-toggle button[aria-pressed="true"]{color:var(--mint-deep);border-bottom-color:var(--mint-deep)}
.tab-panel{padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 3px 12px rgba(7,51,63,.025)}.tab-panel h3{margin-bottom:9px}.tab-panel h4{margin:14px 0 4px;font-size:.9rem}mark{padding:.08em .24em;border-radius:4px;color:var(--warning);background:var(--warning-soft)}.source-row{margin-top:13px;padding-top:11px;border-top:1px solid var(--border);color:var(--mint-deep);font-size:.78rem}
.novice-details{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.novice-details>summary{min-height:54px;display:flex;align-items:center;padding:9px 15px;color:var(--deep-teal);background:var(--surface-soft);font-weight:800;cursor:pointer}.novice-body{padding:16px 18px}.novice-body h3{margin-top:16px}.risk-list,.flow-list{margin:7px 0 0;padding-left:1.25rem}.risk-list li+li,.flow-list li+li{margin-top:6px}
.referral-disclosure{padding:12px 15px;border:1px solid var(--border);border-left:4px solid var(--mint);border-radius:var(--radius-sm);color:#456267;background:var(--surface-soft);font-size:.83rem}.referral-disclosure strong{display:block;margin-bottom:2px;color:var(--deep-teal)}#pkn-site-comparison>.meta{color:var(--mint-deep)}
.comparison-list{margin:15px 0 0;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:#fff;list-style:none;box-shadow:0 4px 16px rgba(7,51,63,.035)}.comparison-item{display:grid;grid-template-columns:58px minmax(150px,1fr) 150px minmax(290px,.95fr);gap:12px;align-items:center;padding:13px 15px;border-top:1px solid var(--border)}.comparison-item:first-child{border-top:0;background:#fffdf5}.comparison-rank{min-height:48px;display:flex;align-items:center;gap:4px}.comparison-rank-number{min-width:36px;display:grid;place-items:center;color:var(--muted);font-weight:800}.comparison-rank .rank-medal{position:static;width:34px;height:41px;flex:none}.comparison-rank .rank-medal img{width:34px;height:41px}.comparison-rank .badge{min-height:22px;padding-inline:6px;font-size:.62rem}
.comparison-site{position:relative;min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:2px 9px;align-items:center}.site-monogram{grid-row:1/span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--mint-deep);font-size:.72rem;font-weight:900;letter-spacing:-.04em}.comparison-item:nth-child(1) .site-monogram{color:#6c5000;background:#ffe06a}.comparison-item:nth-child(2) .site-monogram{background:#e58a31}.comparison-item:nth-child(3) .site-monogram{background:#2b87d8}.comparison-item:nth-child(4) .site-monogram{background:#ee9b20}.comparison-item:nth-child(5) .site-monogram{background:#e8a526}.comparison-item:nth-child(6) .site-monogram{background:#d95858}.comparison-item:nth-child(7) .site-monogram{background:#65a046}.comparison-site strong{min-width:0;color:var(--deep-teal);white-space:nowrap}.comparison-site>span:not(.site-monogram),.comparison-reward span{color:var(--muted);font-size:.72rem}
.comparison-reward{display:grid;gap:1px;text-align:right}.comparison-reward strong{color:var(--reward);font-size:1.16rem;font-weight:850;white-space:nowrap}.comparison-reward span{color:var(--difference);font-weight:700;white-space:nowrap}.comparison-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.comparison-actions a{min-width:0;min-height:48px;padding:7px 8px;font-size:.7rem}

/* History */
.pkn-history-toggle{display:flex;flex-wrap:wrap;gap:7px;overflow:visible;margin:12px 0 15px;border-bottom:1px solid var(--border)}.pkn-history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px}.pkn-history-stats div{min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft)}.pkn-history-stats dt{color:var(--muted);font-size:.7rem}.pkn-history-stats dd{margin:2px 0 0;color:var(--deep-teal);font-weight:800}
.pkn-history-chart-shell{padding:12px 12px 9px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.pkn-history-svg{width:100%;height:auto;display:block}.pkn-grid{stroke:var(--border);stroke-width:1}.pkn-axis-text{font-size:11px;fill:var(--muted)}.pkn-line{fill:none;stroke:var(--mint-deep);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.pkn-area{fill:rgba(49,196,167,.09)}.pkn-dot{fill:var(--mint-deep)}.pkn-max-line{stroke:var(--muted);stroke-width:1;stroke-dasharray:5 4}.pkn-max-dot{fill:var(--muted)}.pkn-max-text{font-size:11px;fill:var(--muted);font-weight:650}.pkn-cur-dot{fill:var(--deep-teal)}.pkn-cur-text{font-size:13px;fill:var(--deep-teal);font-weight:800}.pkn-history-axis{display:flex;justify-content:space-between;padding:5px 2px 0;color:var(--muted);font-size:.68rem}.pkn-history-sub{margin:15px 0 7px;font-size:.9rem}
.pkn-history-recent{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:0;padding:0;list-style:none}.pkn-history-recent li{padding:7px 3px;border:1px solid var(--border);border-radius:7px;color:var(--muted);background:#fff;text-align:center;font-size:.7rem}.pkn-history-recent strong{display:block;margin-top:1px;color:var(--deep-teal);font-size:.75rem}.pkn-history-recent .is-missing{color:var(--muted)}
.pkn-history-table-block{overflow:hidden;margin-top:12px;border:1px solid var(--border);border-radius:var(--radius)}.pkn-history-table-block>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;color:var(--deep-teal);background:#fff;font-weight:800;cursor:pointer}.pkn-history-table-body{padding:12px 14px}.history-latest-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:0;padding:0;list-style:none}.history-latest-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:7px;background:var(--surface-soft);font-size:.78rem}.history-table{width:100%;margin-top:12px;border-collapse:collapse;font-size:.78rem}.history-table th,.history-table td{padding:8px;border:1px solid var(--border);text-align:left}

/* Feedback */
.feedback-panel{padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.feedback-panel h1,.feedback-panel h2,.feedback-panel h3{margin-bottom:7px}.feedback-panel p{color:var(--muted)}.feedback-panel.error{border-color:#e58d84;background:var(--warning-soft)}.feedback-panel.warning{border-color:#e7c67b;background:#fff9e9}.feedback-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}

/* Footer */
.site-footer{position:relative;margin-top:28px;padding:42px 0 34px;color:#d9e7e4;background:var(--deep-teal)}.site-footer::before{position:absolute;left:0;right:0;top:-28px;height:30px;border-bottom:5px solid var(--brand-yellow);background:radial-gradient(circle at 7% 100%,var(--brand-yellow) 0 6px,transparent 7px),radial-gradient(circle at 12% 88%,#ffe36f 0 4px,transparent 5px),radial-gradient(circle at 88% 100%,var(--brand-yellow) 0 8px,transparent 9px),radial-gradient(circle at 94% 82%,#ffe36f 0 5px,transparent 6px);content:"";pointer-events:none}.footer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px}.footer-brand{color:#fff;font-weight:850}.footer-note{max-width:620px;margin-top:5px;color:#a8c0bc;font-size:.77rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 17px;max-width:520px}.footer-links a{min-height:34px;display:inline-flex;align-items:center;color:#e6f1ef;font-size:.78rem}

@media(max-width:1024px){:root{--content:940px}.desktop-nav a{padding-inline:6px;font-size:.75rem}#page-home .hero-grid{grid-template-columns:minmax(0,1fr) 240px}.hero-art{width:235px}.comparison-item{grid-template-columns:52px minmax(140px,1fr) 135px minmax(250px,.95fr);gap:9px;padding-inline:12px}}
@media(max-width:900px){#page-home .hero-grid{grid-template-columns:1fr 220px}.hero-copy h1{font-size:2.25rem}.hero-art{width:215px}.trust-cards{grid-template-columns:repeat(2,1fr)}.detail-overview{grid-template-columns:210px minmax(0,1fr);gap:22px}.detail-image{width:210px}.detail-facts{grid-template-columns:repeat(2,1fr)}.detail-facts>div{border-top:1px solid var(--border)}.detail-facts>div:nth-child(-n+2){border-top:0}.detail-facts>div:nth-child(odd){border-left:0}.comparison-item{grid-template-columns:48px minmax(0,1fr) 135px}.comparison-actions{grid-column:2/-1}}
@media(min-width:768px){.features-grid .feature-item{padding:10px 6px 12px}}

@media(max-width:767px){
  .content,.header-inner,.footer-inner{width:min(var(--content),calc(100% - 32px))}.ad-bar{font-size:.68rem}.header-inner{min-height:68px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.menu-button{display:grid;grid-column:1;grid-row:1}.brand{grid-column:2;grid-row:1;justify-self:center;gap:8px}.brand-mark-c{width:38px;height:38px}.brand-wordmark{font-size:1rem}.brand-tagline{margin-top:3px;font-size:.53rem}.desktop-nav{grid-column:3;grid-row:1;display:flex;justify-self:end}.desktop-nav>a:not(.header-search){display:none}.header-search{display:inline-flex!important;margin:0;padding:0!important}.mobile-nav{padding-inline:16px}
  .page-block{padding:32px 0}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px}.section-heading h2,.detail-section>h2,#comparison-heading{padding-left:10px;border-left-width:3px}
  #page-home .hero{padding:27px 0 29px}#page-home .hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "art" "search" "trust"}.hero-copy h1{max-width:300px;font-size:2rem;line-height:1.28}.hero .page-answer{max-width:340px;margin-top:11px;font-size:.84rem;line-height:1.7}.hero-art{width:200px;justify-self:center;margin-top:9px}.hero-card{margin-top:13px}.hero .search-row{min-height:58px;flex-wrap:nowrap;padding:4px}.hero .search-icon{width:35px;height:40px}.hero .control{min-width:0;min-height:48px;padding-inline:2px;font-size:.82rem;text-overflow:ellipsis}.hero .primary-button{min-width:88px;min-height:48px;padding-inline:14px;font-size:.85rem}.hero .primary-button .ico{display:none}.trust-cards{gap:8px;margin-top:14px}.trust-cards li{min-height:82px;gap:8px;padding:10px}.trust-card-icon{width:36px;height:36px}.trust-card-icon svg{width:20px;height:20px}.trust-card-value{font-size:.78rem}
  .action-grid{grid-template-columns:repeat(3,1fr);gap:6px}.action-card{min-height:137px;gap:2px;padding:2px}.icon-box,.icon-box img{width:94px;height:94px}.action-card>span:last-child{gap:0}.action-card strong{font-size:.9375rem;line-height:1.2}.action-card small{font-size:.62rem;line-height:1.1}
.card-grid{display:block;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.card-grid .card{border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none}.card-grid .card:first-child{border-top:0}#home-increase-grid .increase-card-link{min-height:142px;padding:9px 32px 9px 62px;line-height:1.4}#home-increase-grid .rank-medal{top:10px;left:13px;width:38px;height:45px}#home-increase-grid .rank-medal img{width:38px;height:45px}#home-increase-grid .increase-card-link .status-line{min-height:22px;justify-content:flex-start;margin:0 0 3px}#home-increase-grid .increase-card-link .badge{min-height:22px;font-size:.64rem}#home-increase-grid .card-title{min-height:0;margin-bottom:3px;padding:0;font-size:.86rem;line-height:1.4}#home-increase-grid .reward-value{font-size:1.3125rem;line-height:34px}#home-increase-grid .increase-card-link .meta{font-size:.68rem;line-height:1.35}#home-increase-grid .increase-card-link::after{position:absolute;right:12px;top:50%;min-height:0;margin:0;padding:0;transform:translateY(-50%);color:var(--deep-teal);background:none;content:"›";font-size:1.55rem}
  .purpose-grid{grid-template-columns:1fr}.exchange-entry{grid-template-columns:1fr;gap:14px;padding:19px}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px 13px}.feature-icon,.feature-icon img{width:55px;height:55px}.feature-item h3{font-size:.86rem}.feature-item p{font-size:.73rem}
  .breadcrumb{padding-top:12px;font-size:.7rem}.detail-wrap{padding-top:20px}.detail-overview{grid-template-columns:1fr;gap:0;padding-bottom:25px;text-align:center}.detail-overview>div{display:contents}.detail-overview h1{order:1;font-size:1.65rem;line-height:1.35}.detail-tags{order:2;justify-content:center;margin-top:8px}.detail-image{order:3;width:min(220px,82vw);justify-self:center;margin-top:17px}.detail-facts{order:4;width:100%;grid-template-columns:repeat(2,1fr);margin-top:16px;text-align:left}.detail-facts>div{min-height:79px;padding:10px 12px}.detail-facts #detail-current-value{font-size:2rem}.detail-section{padding:26px 0}.tab-panel{padding:16px;font-size:.92rem}.novice-body{font-size:.9rem}.referral-disclosure{font-size:.77rem}
  .comparison-list{border-radius:var(--radius-sm)}.comparison-item{grid-template-columns:38px minmax(0,1fr) auto;gap:7px 8px;padding:12px 10px}.comparison-rank{min-height:43px;align-self:start}.comparison-rank .rank-medal,.comparison-rank .rank-medal img{width:32px;height:39px}.comparison-rank .badge{display:none}.comparison-site{grid-template-columns:30px minmax(0,1fr);gap:1px 7px}.site-monogram{width:30px;height:30px;border-radius:8px;font-size:.66rem}.comparison-site strong{font-size:.84rem}.comparison-site>span:not(.site-monogram),.comparison-reward span{font-size:.65rem}.comparison-reward strong{font-size:.98rem}.comparison-actions{grid-column:2/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-actions a{min-height:48px;padding:6px 5px;font-size:.65rem}
  .pkn-history-stats{grid-template-columns:repeat(2,1fr)}.pkn-history-recent{grid-template-columns:repeat(4,1fr)}.history-latest-list{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start;gap-inline:14px}
}
@media(max-width:389px){.brand{gap:6px}.brand-mark-c{width:34px;height:34px}.brand-wordmark{font-size:.9rem}.brand-tagline{font-size:.47rem}.hero-copy h1{font-size:1.85rem}.hero .primary-button{min-width:78px;padding-inline:10px}.trust-cards li{padding:8px}.trust-card-icon{width:32px;height:32px}.trust-card-label{font-size:.63rem}.trust-card-value{font-size:.7rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:17px 9px}.feature-item{padding:1px}.feature-item p{font-size:.68rem}.comparison-item{grid-template-columns:34px minmax(0,1fr) auto;padding-inline:7px}.comparison-site{grid-template-columns:27px minmax(0,1fr);gap-inline:5px}.site-monogram{width:27px;height:27px}.comparison-reward strong{font-size:.9rem}.comparison-actions a{font-size:.6rem}.pkn-history-axis{font-size:.6rem}.pkn-history-recent{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.detail-image:has(>svg)::before{width:100%;height:100%;background:url("../img/c-final/offer-card-mufg.svg") center/cover no-repeat;content:""}.detail-image>svg{display:none}
.comparison-site:not(:has(.site-monogram))::before{grid-row:1/span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--mint-deep);content:"P";font-size:.72rem;font-weight:900;letter-spacing:-.04em}.comparison-item:nth-child(1) .comparison-site:not(:has(.site-monogram))::before{color:#6c5000;background:#ffe06a;content:"H"}.comparison-item:nth-child(2) .comparison-site:not(:has(.site-monogram))::before{background:#e58a31;content:"PI"}.comparison-item:nth-child(3) .comparison-site:not(:has(.site-monogram))::before{background:#2b87d8;content:"M"}.comparison-item:nth-child(4) .comparison-site:not(:has(.site-monogram))::before{background:#ee9b20;content:"C"}.comparison-item:nth-child(5) .comparison-site:not(:has(.site-monogram))::before{background:#e8a526;content:"W"}.comparison-item:nth-child(6) .comparison-site:not(:has(.site-monogram))::before{background:#d95858;content:"EC"}.comparison-item:nth-child(7) .comparison-site:not(:has(.site-monogram))::before{background:#65a046;content:"A"}
.comparison-item:nth-child(-n+3) .comparison-rank::before{width:34px;height:41px;flex:none;background-position:center;background-size:contain;background-repeat:no-repeat;content:""}.comparison-item:nth-child(1) .comparison-rank::before{background-image:url("../img/c-final/rank-1.svg")}.comparison-item:nth-child(2) .comparison-rank::before{background-image:url("../img/c-final/rank-2.svg")}.comparison-item:nth-child(3) .comparison-rank::before{background-image:url("../img/c-final/rank-3.svg")}.comparison-item:nth-child(2) .comparison-rank-number,.comparison-item:nth-child(3) .comparison-rank-number{display:none}
@media(max-width:600px){.comparison-site:not(:has(.site-monogram))::before{width:30px;height:30px;border-radius:8px;font-size:.66rem}}@media(max-width:389px){.comparison-site:not(:has(.site-monogram))::before{width:27px;height:27px}}
@media(max-width:600px){.detail-overview>.detail-image{display:grid}}
/* Narrow viewport containment */
#page-home .hero-grid>*{min-width:0}.hero-copy,.hero-card,.trust-cards,.trust-cards li{min-width:0}
.trust-card-text{min-width:0}.trust-card-label,.trust-card-value{overflow-wrap:anywhere}