.blogpage{min-height:100dvh;display:flex;flex-direction:column;background:var(--surface-page)}.blognav{border-bottom:1px solid var(--neutral-200);background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.blognav__in{max-width:760px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.blognav__back{font:500 14px/1 var(--font-body);color:var(--neutral-700)}.blognav__back:hover{color:var(--ink-900)}.blogmain{flex:1 1;width:100%;max-width:760px;margin:0 auto;padding:64px 24px 96px}.blogfoot{border-top:1px solid var(--neutral-200);padding:24px;text-align:center;font:400 13px/18px var(--font-body);color:var(--neutral-700)}.blog__overline{font:600 12px/16px var(--font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--blue-600)}.blog__h{font:700 clamp(30px,4.5vw,40px)/1.15 var(--font-display);letter-spacing:-.02em;color:var(--navy-900);margin-top:12px;text-wrap:balance}.blog__sub{font-size:17px;line-height:27px;color:var(--neutral-700);margin-top:14px;max-width:52ch}.blog__list{margin-top:48px;display:flex;flex-direction:column;gap:20px}.bcard{display:block;background:var(--surface-card);border:1px solid var(--neutral-200);border-radius:14px;padding:24px 26px;box-shadow:var(--shadow-rest);transition:border-color .16s ease,transform .16s ease}.bcard:hover{border-color:var(--neutral-300);transform:translateY(-1px)}.bcard__date{font:600 12px/16px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--neutral-700)}.bcard h2{font:600 21px/28px var(--font-display);letter-spacing:-.01em;color:var(--navy-900);margin-top:8px}.bcard p{font:400 15px/24px var(--font-body);color:var(--neutral-700);margin-top:8px}.blog__empty{margin-top:48px;border:1px dashed var(--neutral-300);border-radius:14px;padding:40px 32px;text-align:center}.blog__empty p{font-size:16px;line-height:26px;color:var(--neutral-700);max-width:44ch;margin:0 auto}.post__date{font:600 12px/16px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--neutral-700);margin-top:16px}.post__body{margin-top:36px}.post__body p{font-size:17px;line-height:29px;color:var(--ink-900);margin:0 0 22px}.post__body h2{font:600 26px/34px var(--font-display);letter-spacing:-.015em;color:var(--navy-900);margin:40px 0 14px}.post__body h3{font:600 20px/28px var(--font-display);color:var(--navy-900);margin:32px 0 10px}.post__body ol,.post__body ul{margin:0 0 22px;padding-left:24px}.post__body li{font-size:17px;line-height:29px;color:var(--ink-900);margin-bottom:8px}.post__body blockquote{border-left:3px solid var(--blue-500);padding:4px 0 4px 20px;margin:0 0 22px;color:var(--neutral-700);font-style:italic}.post__body code{font:400 14.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--neutral-100);border-radius:5px;padding:2px 6px}.post__body img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--neutral-200);margin:8px 0 24px}.post__back{display:inline-block;margin-top:48px;font:500 15px/1 var(--font-body);color:var(--blue-600)}