.principle-mobile-intro{display:none}
@media(max-width:700px){
html[data-theme] body.home-page .principle{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;min-height:calc(100svh - 61px);padding-block:44px;box-sizing:border-box}
html[data-theme] body.home-page .principle>div:first-child{display:contents}
html[data-theme] body.home-page .principle h2{order:0;font-size:34px;line-height:1.08;letter-spacing:-.045em;margin:0;text-align:left}
html[data-theme] body.home-page .principle h2 em{font-size:1em}
html[data-theme] body.home-page .principle>div:first-child>p:not(.principle-mobile-intro){display:none}
html[data-theme] body.home-page .principle p.principle-mobile-intro{display:block;order:1;font-size:18px;line-height:1.5;margin:0;text-align:left;max-width:290px}
html[data-theme] body.home-page .principle .text-link{order:3;align-self:flex-start;font-size:15px;min-height:44px;line-height:1.4;margin:0;display:inline-flex;align-items:center;gap:12px}
html[data-theme] body.home-page .principle .text-link:after{content:'↗';font-size:19px}
html[data-theme] body.home-page .principle .network-glass{order:2;width:100%;max-width:none;margin:8px 0 0;padding:0;background:none;border:0;border-radius:0}
html[data-theme] body.home-page .principle .network-map{display:flex;flex-direction:column;gap:10px;position:static;width:100%;height:auto;min-height:0;aspect-ratio:auto;padding:0;margin:0}
html[data-theme] body.home-page .principle .network-map>svg,html[data-theme] body.home-page .principle .network-core{display:none}
html[data-theme] body.home-page .principle .network-node{position:static;transform:none;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:54px;padding:4px 0;border:0;border-radius:0;background:none;box-shadow:none;color:#8f8980;font-size:34px;line-height:1.12;letter-spacing:-.035em;font-weight:550;text-align:left;transition:color .35s ease;white-space:nowrap}
html[data-theme] body.home-page .principle .network-node:after{content:'+';font-size:24px;font-weight:400;line-height:1;color:#8f8980;transition:color .35s ease}
html[data-theme] body.home-page .principle .network-node[aria-pressed="true"]{color:#c8bcad;font-weight:700;background:none;box-shadow:none}
html[data-theme] body.home-page .principle .network-node[aria-pressed="true"]:after{content:'−';color:#c8bcad}
html[data-theme="light"] body.home-page .principle .network-node{color:#8c8983}
html[data-theme="light"] body.home-page .principle .network-node[aria-pressed="true"]{color:#75695d;text-shadow:0 2px 8px #75695d18}
html[data-theme="light"] body.home-page .principle .network-node[aria-pressed="true"]:after{color:#75695d;text-shadow:0 2px 8px #75695d18}
html[data-theme] body.home-page .principle .network-detail{min-height:98px;padding:24px 0 0;border:0;margin:0}
html[data-theme] body.home-page .principle .network-detail p{font-size:17px;line-height:1.6;min-height:0;max-width:340px;margin:0;text-align:left}
}
@media(max-width:375px) and (max-height:780px){html[data-theme] body.home-page .principle{padding-block:32px;gap:20px}html[data-theme] body.home-page .principle h2{font-size:31px}html[data-theme] body.home-page .principle .network-node{font-size:32px;min-height:50px}html[data-theme] body.home-page .principle p.principle-mobile-intro{font-size:17px}html[data-theme] body.home-page .principle .network-detail{padding-top:20px;min-height:100px}html[data-theme] body.home-page .principle .network-detail p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html[data-theme] body.home-page .principle .network-node{transition:none}}