/* The same collection, arranged for a thumb rather than a pointer. */
.mobile-nav,.mobile-back,.app-install{display:none}
.guestbooks-heading{font-size:36px;letter-spacing:-.035em;margin-bottom:12px}
.guestbooks-intro{color:#66675e;margin-bottom:32px}
.guestbooks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}
.guestbooks-link{position:relative;display:grid;place-items:center;aspect-ratio:1;color:var(--type-fg);font-family:var(--type-font);font-size:26px;isolation:isolate;min-width:0}
.guestbooks-link span{position:relative;z-index:2}
.install-dialog{border:1px solid var(--rule);border-radius:24px;padding:28px;width:min(420px,calc(100vw - 32px));color:var(--ink);background:#fff;box-shadow:0 20px 70px #25252326}
.install-dialog::backdrop{background:#25252370}
.install-dialog h2{font-size:25px;margin-bottom:14px;letter-spacing:-.03em}
.install-dialog p{font-size:15px;line-height:1.8;margin-bottom:18px}
.install-dialog button{min-height:48px;padding:10px 20px;border-radius:12px;background:var(--ink);color:#fff;width:100%}
.app-network-note{position:fixed;z-index:20;left:16px;right:16px;bottom:calc(82px + env(safe-area-inset-bottom));padding:12px 16px;border:1px solid var(--rule);background:#fff;color:var(--ink);border-radius:12px;font-size:13px;text-align:center;box-shadow:0 6px 20px #25252314}
@media(max-width:700px){
 html{scroll-padding-top:110px}
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom));overscroll-behavior-y:none}
 .site-header,.type-reading .site-header{position:sticky;top:0;z-index:6;background:var(--paper);padding:calc(10px + env(safe-area-inset-top)) 22px 10px;min-height:80px;height:auto;gap:12px;flex-wrap:nowrap;border-bottom:1px solid transparent}
 .type-reading .site-header,.creator-route .site-header,.guestbooks-route .site-header{background:#fff;border-bottom-color:var(--rule)}
 .wordmark{font-size:30px;flex-shrink:0}
 .site-header .header-actions{gap:8px;max-width:none;flex-wrap:nowrap;margin-left:auto}
 .site-header .creator-link{display:none}
 .site-header .index-toggle{font-size:12px;min-height:44px;gap:6px;padding:8px 0}
 .site-header #article-edit-button{display:none}
 .app-install{display:grid;place-items:center;width:44px;height:44px;padding:10px;background:transparent;border-radius:50%}
 .app-install:hover{background:#efefe7}
 .app-install svg{width:22px;height:22px}
 .type-index,.type-reading .type-index{position:fixed;z-index:9;top:calc(82px + env(safe-area-inset-top));left:16px;right:16px;width:auto;background:#fff;border-radius:18px;max-height:calc(100dvh - 190px);overflow:auto}
 .type-chip{min-height:52px}
 .home-view{padding:0 22px}
 body.home-route{height:100dvh;min-height:560px;display:grid;grid-template-rows:calc(64px + env(safe-area-inset-top)) minmax(0,1fr) 24px;padding-bottom:calc(69px + env(safe-area-inset-bottom))}
 .home-route .site-header{min-height:0;padding-top:env(safe-area-inset-top);padding-bottom:0}
 .home-route #main{min-height:0}
 .home-route .home-view{height:100%;padding:6px 12px 4px}
 .home-route .type-board{container-type:size;display:block;position:relative;height:100%;margin:0;padding:0}
 .home-route .type-shape{--motion-scale:.2;--compact-size:max(48px,calc(min(30cqw,15cqh) * var(--compact-scale,1) * var(--layout-scale,1)));position:absolute;left:calc(var(--layout-mobile-x,var(--compact-x)) - var(--compact-size)/2);top:calc(var(--layout-mobile-y,var(--compact-y)) - var(--compact-size)/2);width:var(--compact-size);height:var(--compact-size);margin:0;--mobile-offset:0px;transform:rotate(var(--rotation,0deg))}
 .home-route .type-shape:nth-child(even){--mobile-offset:0px}
 .home-route .type-shape .type-name{font-size:max(13px,calc(var(--compact-size) * var(--fit-font)));transform:none}
 /* Offset heights break shared rows; lateral shifts keep the composition asymmetric. */
 .home-route .type-shape[data-type=INFP]{--compact-x:20%;--compact-y:8%;--compact-scale:.91}
 .home-route .type-shape[data-type=INTJ]{--compact-x:76%;--compact-y:10%;--compact-scale:.88}
 .home-route .type-shape[data-type=ESTP]{--compact-x:46%;--compact-y:23%;--compact-scale:1.01}
 .home-route .type-shape[data-type=ENTJ]{--compact-x:15%;--compact-y:32%;--compact-scale:.96}
 .home-route .type-shape[data-type=ENFP]{--compact-x:80%;--compact-y:27%;--compact-scale:1.04}
 .home-route .type-shape[data-type=ISFP]{--compact-x:19%;--compact-y:49%;--compact-scale:.88}
 .home-route .type-shape[data-type=ESFJ]{--compact-x:51%;--compact-y:41%;--compact-scale:1.02}
 .home-route .type-shape[data-type=ISTP]{--compact-x:85%;--compact-y:44%;--compact-scale:.85}
 .home-route .type-shape[data-type=INFJ]{--compact-x:14%;--compact-y:66%;--compact-scale:.90}
 .home-route .type-shape[data-type=ENTP]{--compact-x:51%;--compact-y:58%;--compact-scale:1.05}
 .home-route .type-shape[data-type=ISFJ]{--compact-x:82%;--compact-y:61%;--compact-scale:.87}
 .home-route .type-shape[data-type=ESTJ]{--compact-x:48%;--compact-y:75%;--compact-scale:.97}
 .home-route .type-shape[data-type=ESFP]{--compact-x:17%;--compact-y:84%;--compact-scale:1.06}
 .home-route .type-shape[data-type=ENFJ]{--compact-x:81%;--compact-y:77%;--compact-scale:1.02}
 .home-route .type-shape[data-type=INTP]{--compact-x:48%;--compact-y:93%;--compact-scale:.90}
 .home-route .type-shape[data-type=ISTJ]{--compact-x:81%;--compact-y:93%;--compact-scale:.86}
 .home-route .motion-toggle{top:-2px;right:2px;width:44px;height:44px}
 .home-route .site-footer{height:24px;min-height:0;padding:0;margin:0 22px;align-items:center;border:0}
 .home-route .site-footer .footer-brand{font-size:11px}
 .board-end{display:none}
 .site-footer{padding:20px 0 25px;margin-top:32px}
 .site-footer .footer-brand{font-size:14px}
 .mobile-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--rule)}
 .mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;font-size:11px;color:#65655d;border-radius:14px}
 .mobile-nav svg{width:22px;height:22px;stroke-width:1.7}
 .mobile-nav a[aria-current=page]{color:#252523;background:#f0f0e8;font-weight:600}
 .mobile-back{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#f0f0e8}
 .type-reading .wordmark.type-header-icon{width:88px;height:88px;flex-basis:88px;font-size:max(21px,calc(88px * var(--form-font)))}
 .type-reading .site-header{padding-left:16px;min-height:110px}
 .type-reading .header-actions{gap:2px}
 .type-reading .app-install{display:none}
 .type-reading .article-view,.creator-route .article-view{margin-top:26px;padding:0 24px}
 .type-reading .article-body{font-size:16px;line-height:1.95}
 .type-reading .article-title{font-size:30px;line-height:1.45;padding-bottom:22px;margin-bottom:24px}
 .article-view{margin-bottom:40px}
 .article-pagination a{min-height:52px;padding-top:8px;padding-bottom:8px}
 .gb-input,.gb-textarea{font-size:16px;border-radius:12px}
 .gb-button{min-height:48px;border-radius:12px}
 .gb-post-action{min-height:44px;min-width:44px}
 .guestbook-page>.article-back{display:none}
 .guestbooks-heading{font-size:30px}
 .guestbooks-intro{font-size:14px;margin-bottom:24px}
 .guestbooks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}
 .guestbooks-link{font-size:20px}
 .toc-dialog{padding-bottom:env(safe-area-inset-bottom)}
}
@media(display-mode:standalone){.app-install{display:none}}