:root{--radius:20px;--radius-sm:15px;--radius-xs:10px;--pink-pale:#fff8fc;--sub:#555;--line:rgba(255,116,184,.45);--blue-soft:#d9ecfb;--blue-line:#91c9f4
}body{font-family:"Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;background:var(--color-background);color:var(--color-text);overflow-x:hidden
}.page{width:min(100%, var(--max));max-width:var(--max);margin:0 auto;overflow-x:clip
}.advice-body{padding:20px;background:var(--color-white)
}.title-up,
.title-dw{white-space:nowrap
}.title-dw{padding:5px 0 0;color:var(--color-text);font-size:25px;font-weight:bold
}.advice-lead{margin:0;color:var(--color-white);font-size:.96rem;font-weight:800;line-height:1.65;text-align:center
}.advice-nav{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);gap:5px;margin-bottom:15px;padding:10px;border-radius:var(--radius-xs);background:var(--color-white);border:1.75px solid var(--color-primary);box-shadow:var(--shadow-card)
}.advice-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:5px 10px;border-radius:999px;background:var(--color-primary-light);color:var(--color-text);font-size:.88rem;font-weight:950;line-height:1.25;text-align:center;text-decoration:none
}.advice-nav a:hover{background:var(--color-primary);color:var(--color-white)
}.advice-nav-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:1.2em;color:var(--color-primary-dark);font-size:1rem;font-weight:900;line-height:1;pointer-events:none
}.advice-nav-arrow.is-compact{min-width:.15em;width:.15em;overflow:hidden
}.advice-section{margin-bottom:15px;padding:15px;border-radius:var(--radius-xs);background:var(--color-white);border:1.75px solid var(--color-primary);box-shadow:var(--shadow-card)
}.advice-section:last-of-type{margin-bottom:0
}.section-head{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:10px;margin-bottom:10px
}.section-icon{display:inline-flex;align-items:center;justify-content:center;width:2.35em;height:2.35em;border-radius:50%;background:var(--color-primary);color:var(--color-white);font-size:1rem;font-weight:900;line-height:1
}.section-title{margin:0;color:var(--color-text);font-size:1.15rem;font-weight:950;line-height:1.35;letter-spacing:.03em;text-shadow:.35px 0 0 currentColor
}.advice-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px
}.advice-grid.is-single{grid-template-columns:minmax(0, 1fr)
}.tip-card{min-width:0;padding:10px;border-radius:var(--radius-xs);background:var(--pink-pale);border:1.5px solid var(--line)
}.tip-card.is-important{background:var(--color-primary-light);border-color:var(--color-primary)
}.tip-card.is-blue{background:var(--blue-soft);border-color:var(--blue-line)
}.tip-title{margin:0 0 5px;color:var(--color-text);font-size:.98rem;font-weight:950;line-height:1.35;letter-spacing:.02em;text-shadow:.3px 0 0 currentColor
}.tooltip-word{position:relative;display:inline-flex;align-items:center;gap:5px;border-bottom:1.5px dotted var(--color-primary-dark);color:var(--color-text);font-weight:900;cursor:help
}.tooltip-word::after{content:attr(data-note);position:absolute;left:50%;bottom:calc(100% + 10px);z-index:5;width:max-content;max-width:min(240px, 80vw);padding:5px 10px;border:1.5px solid var(--color-primary);border-radius:10px;background:var(--color-white);color:var(--color-text);font-size:.78rem;font-weight:900;line-height:1.45;text-align:left;box-shadow:var(--shadow-card);opacity:0;transform:translateX(-50%) translateY(4px);pointer-events:none;transition:opacity .15s ease, transform .15s ease
}.tooltip-word::before{content:"";position:absolute;left:50%;bottom:calc(100% + 2px);z-index:6;width:10px;height:10px;border-right:1.5px solid var(--color-primary);border-bottom:1.5px solid var(--color-primary);background:var(--color-white);opacity:0;transform:translateX(-50%) rotate(45deg);pointer-events:none;transition:opacity .15s ease
}.tooltip-word:hover::after,
.tooltip-word:focus::after,
.tooltip-word:hover::before,
.tooltip-word:focus::before{opacity:1;transform:translateX(-50%) translateY(0)
}.tooltip-word:hover::before,
.tooltip-word:focus::before{transform:translateX(-50%) rotate(45deg)
}.tip-text{margin:0;color:var(--sub);font-size:.9rem;font-weight:700;line-height:1.65
}.check-list{display:grid;gap:5px;margin:0;padding:0;list-style:none
}.check-list li{position:relative;min-width:0;padding-left:1.45em;color:var(--sub);font-size:.9rem;font-weight:700;line-height:1.55;overflow:visible
}.check-list li::before{content:"✓";position:absolute;left:0;top:.05em;color:var(--color-primary-dark);font-weight:900
}.flow-list{display:grid;gap:10px;counter-reset:flow
}.flow-item{counter-increment:flow;display:grid;grid-template-columns:auto minmax(0, 1fr);gap:10px;align-items:center;padding:10px 10px;border-radius:var(--radius-xs);background:var(--pink-pale);border:1.5px solid var(--line)
}.flow-item::before{content:counter(flow);display:inline-flex;align-items:center;justify-content:center;width:1.9em;height:1.9em;border-radius:50%;background:var(--color-primary);color:var(--color-white);font-size:.9rem;font-weight:900;line-height:1;align-self:center
}.flow-item strong{display:block;margin-bottom:2px;font-size:.95rem;font-weight:950
}.flow-item span{display:block;color:var(--sub);font-size:.88rem;font-weight:700;line-height:1.55
}.notice-box{margin-top:10px;padding:10px;border-radius:var(--radius-xs);background:var(--color-primary-light);border:1.5px solid var(--color-primary)
}.notice-box p{margin:0;color:var(--color-text);font-size:.9rem;font-weight:800;line-height:1.6
}.advice-note{margin:10px 0 0;color:var(--color-text);font-size:.86rem;font-weight:800;line-height:1.55;text-align:center
}@media (max-width: 768px){.advice-wrap{padding:10px 10px 20px
    }.advice-card-title{padding:10px;font-size:18px
    }.advice-body{padding:10px
    }.main-title{margin:10px 0 10px;letter-spacing:.08em
    }.title-up{font-size:clamp(1.55rem, 7vw, 2.15rem)
    }.title-up span{padding:5px 20px
    }.title-dw{font-size:clamp(1rem, 4.5vw, 1.35rem)
    }.advice-lead{font-size:.84rem;line-height:1.55
    }.advice-nav{grid-template-columns:1fr;gap:5px;padding:10px;margin-bottom:10px
    }.advice-nav a{min-height:35px;padding:5px 10px;font-size:.8rem
    }.advice-nav-arrow{min-height:15px;font-size:.9rem;transform:rotate(90deg)
    }.advice-nav-arrow.is-compact{min-height:2px;height:2px;width:100%
    }.advice-section{padding:10px;margin-bottom:10px
    }.section-head{gap:10px;margin-bottom:10px
    }.section-icon{width:2.1em;height:2.1em;font-size:.9rem
    }.section-title{font-size:1rem
    }.advice-grid{grid-template-columns:1fr;gap:10px
    }.tip-card{padding:10px
    }.tip-title{font-size:.92rem
    }.tooltip-word::after{position:absolute;left:var(--tooltip-left, 50%);right:auto;bottom:calc(100% + 10px);top:auto;width:max-content;max-width:min(240px, calc(100vw - 30px));white-space:normal;overflow-wrap:break-word;font-size:.74rem;text-align:left;transform:translateX(var(--tooltip-shift, -50%)) translateY(4px)
    }.tooltip-word::before{display:block;left:var(--tooltip-arrow-left, 50%)
    }.tooltip-word:hover::after,
    .tooltip-word:focus::after{transform:translateX(var(--tooltip-shift, -50%)) translateY(0)
    }.tooltip-word[data-tooltip-align="left"]{--tooltip-left:0;--tooltip-shift:0;--tooltip-arrow-left:14px
    }.tip-card.is-blue .tooltip-word::after{max-width:min(230px, calc(100vw - 40px))
    }.tooltip-word[data-tooltip-align="right"]{--tooltip-left:0;--tooltip-shift:0;--tooltip-arrow-left:14px
    }.tooltip-word[data-tooltip-align="right"]::after{right:auto;left:0
    }.tip-text,
    .check-list li,
    .notice-box p{font-size:.84rem
    }.flow-item{gap:10px;padding:10px
    }.flow-item strong{font-size:.9rem
    }.flow-item span{font-size:.82rem
    }.advice-note{font-size:.78rem
    }
}