.gd-page{max-width:1040px;margin:0 auto;padding:24px 20px 90px}.gd-hero{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:linear-gradient(135deg,#fff3cf 0%,#ffe3d6 55%,#e6efff 100%);border-radius:28px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:28px;margin:18px 0 34px;padding:34px 34px 30px;display:grid;position:relative;overflow:hidden}.gd-hero:before,.gd-hero:after{content:"";filter:blur(2px);opacity:.55;border-radius:50%;animation:14s ease-in-out infinite gd-drift;position:absolute}.gd-hero:before{background:#ffd84d;width:180px;height:180px;top:-60px;right:-40px}.gd-hero:after{background:#9bd88a;width:120px;height:120px;animation-delay:-6s;bottom:-50px;left:38%}.gd-hero__copy{z-index:1;position:relative}.gd-kicker{border:2px solid var(--ink);letter-spacing:.04em;background:#fff;border-radius:999px;margin:0 0 10px;padding:3px 12px;font-size:.78rem;font-weight:800;display:inline-block}.gd-hero h1{font-family:var(--display);word-break:keep-all;margin:0 0 10px;font-size:clamp(1.6rem,3.8vw,2.5rem);line-height:1.25}.gd-lead{color:#4b473a;word-break:keep-all;margin:0;line-height:1.75}.gd-hero__art{z-index:1;height:270px;position:relative}.gd-float{aspect-ratio:2/3;border:2px solid var(--ink);width:128px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:14px;animation:5s ease-in-out infinite gd-bob;position:absolute;overflow:hidden}.gd-float img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.gd-float--1{--r:-7deg;top:22px;left:4%}.gd-float--2{--r:4deg;z-index:2;animation-delay:-1.6s;top:0;left:33%}.gd-float--3{--r:9deg;animation-delay:-3.2s;top:40px;left:62%}@keyframes gd-bob{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(calc(var(--r,0deg) + 2deg))}}@keyframes gd-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-22px,18px)scale(1.12)}}.gd-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.gd-list--small{grid-template-columns:repeat(3,minmax(0,1fr))}.gd-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fffdf6;border-radius:22px;transition:transform .2s,box-shadow .2s}.gd-card:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-3px)}.gd-card__link{color:inherit;gap:16px;height:100%;padding:14px;text-decoration:none;display:flex}.gd-card__thumb{aspect-ratio:2/3;border:2px solid var(--ink);background:#fff;border-radius:12px;flex:0 0 104px;transition:transform .35s;overflow:hidden}.gd-card:hover .gd-card__thumb{transform:rotate(-3deg)scale(1.04)}.gd-card__thumb img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.gd-card__body{flex-direction:column;gap:6px;min-width:0;display:flex}.gd-card h2,.gd-card h3{font-family:var(--display);word-break:keep-all;margin:0;font-size:1.04rem;line-height:1.4}.gd-card p{color:#5b5747;word-break:keep-all;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.gd-card__more{color:var(--blue-deep,#2f52a4);margin-top:auto;font-size:.86rem;font-weight:800}.gd-tag{background:#ffe9a8;border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:.74rem;font-weight:800}.gd-article{max-width:760px;margin:0 auto}.gd-meta{color:#8a856f;margin:0 0 14px;font-size:.82rem}.gd-answer{border:2px solid var(--ink);background:#e9f7ee;border-radius:18px;margin:0 0 26px;padding:18px 20px 18px 24px;position:relative}.gd-answer:before{content:"";background:var(--green);border-radius:0 6px 6px 0;width:6px;position:absolute;top:14px;bottom:14px;left:0}.gd-answer strong{font-family:var(--display);margin-bottom:6px;display:block}.gd-answer p{word-break:keep-all;margin:0;line-height:1.8}.gd-sec{margin:0 0 30px}.gd-sec h2{font-family:var(--display);word-break:keep-all;margin:0 0 10px;font-size:1.26rem;line-height:1.4}.gd-sec p,.gd-sec li{color:#3f3b30;word-break:keep-all;line-height:1.85}.gd-sec ul,.gd-sec ol{padding-left:1.2em}.gd-sec a{color:var(--blue-deep,#2f52a4);font-weight:700}.gd-steps{counter-reset:s;gap:10px;list-style:none;display:grid;padding:0!important}.gd-steps li{counter-increment:s;border:2px solid var(--ink);background:#fff;border-radius:14px;padding:12px 14px 12px 52px;position:relative}.gd-steps li:before{content:counter(s);background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:grid;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.gd-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:14px 0;display:grid}.gd-pair{color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.gd-pair__art{aspect-ratio:2/3;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:16px;transition:transform .2s;display:block;position:relative;overflow:hidden}.gd-pair:hover .gd-pair__art{transform:translateY(-3px)rotate(-1deg)}.gd-pair__art img{object-fit:contain;background:#fff;width:100%;height:100%;position:absolute;inset:0}.gd-pair__color{animation:6s ease-in-out infinite gd-wipe}.gd-pair:nth-child(2n) .gd-pair__color{animation-delay:-1.5s}.gd-pair:nth-child(3n) .gd-pair__color{animation-delay:-3s}.gd-pair:hover .gd-pair__color{clip-path:inset(0);animation-play-state:paused}@keyframes gd-wipe{0%{clip-path:inset(0 100% 0 0)}38%{clip-path:inset(0)}72%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}.gd-pair__title{word-break:keep-all;font-size:.9rem;font-weight:800;line-height:1.4}.gd-pair__open{color:var(--blue-deep,#2f52a4);font-size:.8rem;font-weight:700}.gd-more{flex-wrap:wrap;gap:10px;margin:8px 0 0;list-style:none;display:flex;padding:0!important}.gd-more a{border:2px solid var(--ink);background:#fff3cf;border-radius:999px;padding:8px 14px;font-size:.88rem;text-decoration:none;display:inline-block}.gd-more a:hover{background:#ffd84d}.gd-faq details{border:2px solid var(--ink);background:#fff;border-radius:14px;margin:0 0 10px;padding:0 16px}.gd-faq summary{cursor:pointer;padding:14px 28px 14px 0;font-weight:800;list-style:none;position:relative}.gd-faq summary::-webkit-details-marker{display:none}.gd-faq summary:after{content:"+";font-size:1.3rem;transition:transform .25s;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.gd-faq details[open] summary:after{transform:translateY(-50%)rotate(45deg)}.gd-faq details p{margin:0 0 14px}.gd-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 34px;padding:0;list-style:none;display:grid}.gd-stats li{text-align:center;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fffdf6;border-radius:18px;padding:18px 12px}.gd-stats strong{font-family:var(--display);color:var(--coral);font-size:clamp(1.6rem,4vw,2.3rem);display:block}.gd-stats li>span{color:#5b5747;font-size:.84rem}.gd-uses{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.gd-use{border:2px solid var(--ink);background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.gd-use span{color:#5b5747;font-size:.9rem;line-height:1.6}.gd-review{border:2px dashed var(--ink);background:#fffaf0;border-radius:16px;padding:16px 18px}.gd-review p{margin:6px 0 0}.gd-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin:30px 0 0;display:flex}.gd-cta a{border:2px solid var(--ink);background:var(--coral);color:#fff;box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:12px 22px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s}.gd-cta a:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.gd-js .gd-rv{opacity:0;transform:translateY(26px)}.gd-js .gd-rv.is-in{opacity:1;transition:opacity .6s ease var(--d,0s), transform .6s cubic-bezier(.2, .8, .2, 1) var(--d,0s);transform:none}@media (max-width:860px){.gd-hero{grid-template-columns:1fr;padding:24px 20px}.gd-hero__art{height:200px}.gd-float{width:96px}.gd-list,.gd-list--small{grid-template-columns:1fr}.gd-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.gd-uses{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.gd-hero:before,.gd-hero:after,.gd-float,.gd-pair__color{animation:none}.gd-pair__color{clip-path:none}.gd-card,.gd-card__thumb,.gd-cta a,.gd-pair__art{transition:none}}.pp-hero{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:linear-gradient(135deg,#fff8e8 0%,#eef3ea 100%);border-radius:28px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:30px;margin:18px 0 30px;padding:30px 32px;display:grid}.pp-hero--hub{grid-template-columns:1fr}.pp-hero h1{font-family:var(--display);word-break:keep-all;margin:0 0 10px;font-size:clamp(1.6rem,3.6vw,2.3rem);line-height:1.25}.pp-hero .gd-lead{max-width:56ch}.pp-actions{flex-wrap:wrap;gap:10px;margin:18px 0 8px;display:flex}.pp-btn{border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:.92rem;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.pp-btn:hover{box-shadow:3px 3px 0 var(--ink);transform:translateY(-2px)}.pp-btn--main{background:var(--coral,#ff7868);color:#fff}.pp-meta{color:#6a6659;margin:0;font-size:.84rem}.pp-cover{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:14px;transition:transform .25s;display:block;overflow:hidden;transform:rotate(1.4deg)}.pp-cover:hover{transform:rotate(0)scale(1.01)}.pp-cover img{width:100%;height:auto;display:block}.pp-section{margin:0 0 30px}.pp-section h2{font-family:var(--display);word-break:keep-all;margin:0 0 12px;font-size:1.28rem;line-height:1.4}.pp-hint{color:#6a6659;margin:-4px 0 14px;font-size:.86rem}.pp-inside{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.pp-inside li{border:2px solid var(--ink);background:#fff;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.pp-inside li:last-child{grid-column:1/-1}.pp-no{background:var(--coral,#ff7868);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:grid}.pp-inside strong{font-family:var(--display);word-break:keep-all;margin-bottom:2px;display:block}.pp-inside span span{color:#5b5747;word-break:keep-all;font-size:.9rem;line-height:1.6;display:block}.pp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.pp-grid a{border:2px solid var(--ink);color:inherit;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:14px;text-decoration:none;transition:transform .2s;display:block;position:relative;overflow:hidden}.pp-grid a:hover{transform:translateY(-3px)}.pp-grid img{width:100%;height:auto;display:block}.pp-grid a span{color:#fff;background:#22221fd1;border-radius:999px;padding:2px 9px;font-size:.74rem;font-weight:800;position:absolute;bottom:8px;right:8px}.pp-contact{margin:0 0 8px;font-weight:700}.pp-contact a{color:var(--blue-deep,#2f52a4);font-weight:800}.pp-note{color:#7a7566;margin:0;font-size:.82rem;line-height:1.6}.pp-card{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:linear-gradient(135deg,#fff8e8 0%,#eaf2ff 100%);border-radius:24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:22px;margin:0 0 26px;padding:18px;display:grid}.pp-card__thumb{border:2px solid var(--ink);background:#fff;border-radius:12px;display:block;overflow:hidden}.pp-card__thumb img{width:100%;height:auto;display:block}.pp-card__body{flex-direction:column;gap:8px;min-width:0;display:flex}.pp-card h2{font-family:var(--display);word-break:keep-all;margin:0;font-size:1.3rem;line-height:1.35}.pp-card p{color:#4b473a;word-break:keep-all;margin:0;font-size:.94rem;line-height:1.7}.pp-card__actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}@media (max-width:760px){.pp-hero{grid-template-columns:1fr;padding:22px 18px}.pp-card,.pp-inside{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pp-cover,.pp-btn,.pp-grid a{transition:none;transform:none}}:lang(ja) .pp-page,:lang(ja) .pp-page .gd-lead,:lang(ja) .pp-page h1,:lang(ja) .pp-page h2,:lang(ja) .pp-card p,:lang(ja) .pp-card h2,:lang(ja) .pp-inside strong,:lang(ja) .pp-inside span span{word-break:normal;line-break:strict;overflow-wrap:anywhere}.pp-hero>*,.pp-card>*{min-width:0}@media (max-width:760px){.pp-hero,.pp-card{grid-template-columns:minmax(0,1fr)}}