/* Yoshida Studio / public manual development journal. */
body[data-page="journal"]{
 --bg:#0a0e17;--text:#edf5ff;--muted:#9bb4cc;--line:#7e9aba38;
 background:radial-gradient(ellipse 78% 465px at 90% 0%,#25466f55,transparent 80%),#0a0e17;
 color:#eaf4ff;
}
body[data-page="journal"] .site-header{background:#111b2bf2;border:1px solid #7398bd34;box-shadow:0 12px 42px #0005;backdrop-filter:blur(16px)}
body[data-page="journal"] .brand-mark{background:linear-gradient(135deg,#88edfb,#83acff);color:#0b1b2b}
body[data-page="journal"] .brand-copy small{color:#98b2cb}
body[data-page="journal"] .nav a{color:#bfd1e5}
body[data-page="journal"] .nav a:hover,body[data-page="journal"] .nav a.active{color:#94e1ff;background:#6fcafa12}
body[data-page="journal"] .nav .nav-cta,body[data-page="journal"] .button.primary{background:linear-gradient(110deg,#91ecfa,#8aaeff);color:#0a1c2c;border-color:#8cd8ff}
body[data-page="journal"] :focus-visible{outline:2px solid #8bdfff;outline-offset:3px}
body[data-page="journal"] .shell{width:min(1180px,calc(100% - 52px))}
.journal-hero{padding-top:55px;padding-bottom:48px}
.journal-breadcrumbs{display:flex;align-items:center;gap:10px;font-size:12px;color:#88a6bf;margin-bottom:38px}
.journal-breadcrumbs a{color:#bdd9ec}
.journal-breadcrumbs a:hover{color:#94e1ff}
.journal-eyebrow,.journal-kicker{color:#86ddff;letter-spacing:.13em;font-size:11px;font-weight:750}
.journal-eyebrow{display:flex;align-items:center;gap:11px}
.journal-dot{width:8px;height:8px;background:#8de2ff;border-radius:50%;box-shadow:0 0 0 5px #8de2ff1c}
.journal-hero h1{font-size:clamp(38px,6vw,79px);letter-spacing:-.065em;font-weight:670;line-height:1.04;margin:24px 0;color:#f3faff;overflow-wrap:anywhere}
.journal-hero h1 em{font-style:normal;background:linear-gradient(100deg,#8feaff,#9caaff);color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.journal-hero>p{color:#b4c9dd;font-size:clamp(15px,1.6vw,18px);line-height:1.75;max-width:740px}
.journal-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:19px;color:#8daac6;font-size:11px}
.journal-meta span{border-left:2px solid #7db7d769;padding-left:11px}
.journal-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:35px}
.journal-overview div{border:1px solid #7098bc4d;background:linear-gradient(120deg,#172840,#122035);border-radius:14px;padding:18px 20px;min-width:0}
.journal-overview strong{display:block;font-size:clamp(25px,3vw,36px);color:#eaf7ff;font-weight:650;line-height:1.2}
.journal-overview span{display:block;font-size:12px;color:#a4bbd0;margin-top:7px;line-height:1.5}
.journal-layout{display:grid;grid-template-columns:207px minmax(0,1fr);gap:clamp(25px,4.7vw,67px);padding-top:30px;border-top:1px solid #7898b33c}
.journal-sidebar{position:sticky;top:113px;align-self:start;border:1px solid #6288ab48;border-radius:16px;background:#111e31;padding:19px}
.journal-sidebar-label{color:#7fa9c9;font-size:10px;letter-spacing:.13em}
.journal-sidebar nav{display:grid;gap:6px;margin-top:12px}
.journal-sidebar nav a{padding:11px 10px;color:#bed1e4;border-radius:9px;font-size:12px}
.journal-sidebar nav a:hover{background:#27435e8f;color:#9ae6ff}
.journal-side-link{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;border-top:1px solid #688caf50;padding-top:16px;color:#91d8f4;font-size:12px}
.journal-main{min-width:0}
.journal-section{scroll-margin-top:105px;padding:28px 0 47px;border-bottom:1px solid #638bad3f}
.journal-section:first-child{padding-top:9px}
.journal-section-head{margin-bottom:24px}
.journal-section-head h2{font-size:clamp(27px,3.3vw,43px);font-weight:660;letter-spacing:-.047em;color:#f2f8ff;margin:12px 0 11px}
.journal-section-head p{font-size:13px;color:#a7bfd4;line-height:1.8;max-width:660px;margin:0}
.journal-feed{list-style:none;margin:0;padding:0}
.journal-entry{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;min-width:0}
.journal-rail{position:relative;display:flex;justify-content:center}
.journal-rail:before{content:"";position:absolute;top:10px;bottom:-1px;width:1px;background:#779dbe61}
.journal-entry:last-child .journal-rail:before{bottom:39px}
.journal-rail>span{position:relative;z-index:1;margin-top:11px;width:10px;height:10px;border-radius:50%;border:2px solid #91dfff;background:#193b54;box-shadow:0 0 0 4px #193b5480}
.journal-entry article{margin:0 0 15px;padding:21px 23px 23px;min-width:0;border:1px solid #749bb74b;border-radius:15px;background:linear-gradient(115deg,#17283f,#111e30)}
.journal-entry-top{display:flex;gap:15px;justify-content:space-between;align-items:start;color:#90bdd8;font-size:10px;letter-spacing:.045em}
.journal-entry-top>span:last-child{color:#d7c09b;white-space:nowrap;font-variant-numeric:tabular-nums}
.journal-entry h3{font-size:clamp(19px,2vw,24px);letter-spacing:-.025em;font-weight:650;line-height:1.24;margin:12px 0 9px;color:#f0f7ff}
.journal-entry p{font-size:13px;line-height:1.78;margin:0;color:#b1c7dd}
.journal-links{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:16px}
.journal-links a{color:#97dff9;font-size:12px;line-height:1.5;text-decoration:underline;text-decoration-color:#76b7d286;text-underline-offset:4px}
.journal-links a:hover{color:#d8f5ff}
.journal-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.journal-story-grid>a{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:17px;border:1px solid #6993b650;border-radius:15px;background:linear-gradient(150deg,#1a2941,#142134);transition:border-color .2s,transform .2s}
.journal-story-grid>a:hover{border-color:#94dfff;transform:translateY(-2px)}
.journal-story-grid img{display:block;width:61px;height:61px;object-fit:contain;border-radius:12px}
.journal-story-grid span{font-size:10px;color:#85c9e8;letter-spacing:.07em}
.journal-story-grid strong{font-size:19px;color:#eff8ff;letter-spacing:-.025em}
.journal-story-grid small{font-size:11px;line-height:1.6;color:#b3c9de}
.journal-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.journal-principles div{min-width:0;padding:17px;border:1px solid #7096bb3f;border-radius:13px;background:#142337}
.journal-principles strong{display:block;color:#def1ff;font-size:14px}
.journal-principles p{margin:8px 0 0;color:#a7bdd2;font-size:12px;line-height:1.7}
.journal-note{margin:21px 0 0;color:#87a5c3;font-size:12px;line-height:1.7}
.journal-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding-top:40px;padding-bottom:60px}
.journal-bottom h2{font-size:clamp(24px,3vw,33px);margin:8px 0;letter-spacing:-.036em;color:#f0f9ff}
.journal-bottom p{color:#a9bfd3;max-width:570px;font-size:13px;line-height:1.65;margin:0}
body[data-page="journal"] .footer{border-color:#698aac4b}
@media(max-width:1000px){.journal-layout{grid-template-columns:170px minmax(0,1fr);gap:20px}.journal-principles{grid-template-columns:1fr}}
@media(max-width:720px){
 body[data-page="journal"] .shell{width:calc(100% - 30px)}
 .journal-hero{padding:32px 0 35px}
 .journal-breadcrumbs{margin-bottom:25px}
 .journal-overview{gap:7px}.journal-overview div{padding:14px 10px}.journal-overview span{font-size:10px}
 .journal-layout{display:flex;flex-direction:column;gap:14px}
 .journal-sidebar{position:static;width:100%;padding:13px}
 .journal-sidebar nav{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin}
 .journal-sidebar nav a{flex:none;white-space:nowrap;background:#1b3350}
 .journal-side-link{margin-top:9px;padding-top:10px}
 .journal-section{width:100%;padding-bottom:35px}
 .journal-story-grid{grid-template-columns:1fr}
 .journal-story-grid>a{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:12px;row-gap:3px}
 .journal-story-grid img{grid-row:1 / span 3}
 .journal-entry article{padding:17px}
 .journal-entry{grid-template-columns:15px minmax(0,1fr);gap:6px}
 .journal-bottom{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.journal-story-grid>a{transition:none}.journal-story-grid>a:hover{transform:none}}