/* 四つの入口。共通の操作を保ち、写真・組版・色で各分野を識別する。 */
.native-public {
  --hub-ink: #282724; --hub-muted: #66625b; --hub-paper: #f5f3ee;
  --hub-line: #dedbd3; --hub-accent: #ddd7cb; --room-color: #514c44;
  --room-soft: #e9e5dc; --color-text: #282724; --color-muted: #66625b;
  background: var(--hub-paper); color: var(--hub-ink);
}
.native-section-tech { --hub-ink:#292635; --hub-muted:#656172; --hub-paper:#f4f3f7; --hub-line:#dddae4; --room-color:#615271; --room-soft:#e8e4ee; }
.native-section-reading { --hub-ink:#32251e; --hub-muted:#786b60; --hub-paper:#f5efe6; --hub-line:#ded1c3; --room-color:#914b3c; --room-soft:#eae0d3; }
.native-section-sake { --hub-ink:#302c23; --hub-muted:#756b59; --hub-paper:#f4f0e7; --hub-line:#dcd3c3; --room-color:#8a6839; --room-soft:#e9dfcd; }
.native-section-reviews { --hub-ink:#243047; --hub-muted:#627089; --hub-paper:#f2f5f7; --hub-line:#d9e0e7; --room-color:#3d5d87; --room-soft:#e1e9f0; }
.native-public .native-masthead {
  position:sticky; inset:auto; top:0; width:100%; max-width:none; transform:none;
  margin:0; border:0; border-bottom:1px solid var(--hub-line); border-radius:0;
  background:var(--hub-paper); backdrop-filter:blur(14px); box-shadow:none;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 max(32px,calc((100vw - 1200px)/2)); gap:30px;
}
.native-public .native-header { padding:22px 0; margin:0; max-width:none; width:auto; }
.native-public .native-brand,.native-public .native-brand span {color:var(--hub-ink)}
.native-public .native-brand span {font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:20px;letter-spacing:.05em}
.native-public .native-brand small {font-family: sans-serif;font-size:8px;color:var(--hub-muted);letter-spacing:.13em}
.native-public .native-about {display:none}
.native-public .native-nav {width:auto;max-width:none;margin:0;padding:0;gap:16px;flex-wrap:nowrap}
.native-public #native-site-nav>a {font-size:12px;padding:13px 8px;color:var(--hub-ink);border-radius:0;background:none;white-space:nowrap}
.native-public #native-site-nav>a:hover {color:var(--room-color);background:var(--room-soft)}
.native-public .native-nav-indicator {border:0;border-bottom:1px solid var(--room-color);border-radius:0;background:none;box-shadow:none}
html.site-motion-ready .native-public #native-site-nav a[data-motion-active] {color:var(--hub-ink);background:none}
.native-public .native-footer {background:#282724;padding-top:50px;padding-bottom:35px}
.native-public .native-footer-title {font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:400;font-size:27px;line-height:1.8}
.native-public a:focus-visible,.native-public button:focus-visible,.native-public input:focus-visible {outline:2px solid var(--room-color);outline-offset:5px}
.native-public .native-reading-progress span {background:var(--room-color)}
.hub-shell {max-width:1264px;padding:0 32px}
.hub-shell .room-overline {font:10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--hub-muted)}
.room-text-link {display:inline-flex;gap:20px;align-items:center;min-height:44px;font-size:12px;border-bottom:1px solid var(--hub-line)}
.native-public .room-button {display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:15px 22px;background:var(--room-color);color:#fff;border:1px solid var(--room-color);font-size:12px;text-decoration:none;border-radius:2px;transition:transform .25s,background .25s}
.native-public .room-button:hover {transform:translateY(-2px);background:var(--hub-ink)}
.room-section-heading {display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;margin-bottom:27px}
.room-section-heading .room-overline {width:100%}
.room-section-heading h2 {font-size:27px;line-height:1.6;letter-spacing:.01em;font-weight:500}
.room-section-heading>p:not(.room-overline) {width:100%;font-size:12px;line-height:1.9;color:var(--hub-muted)}
.room-section-heading>a {margin-left:auto}
.room-hero {display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:48px 0 60px}
.room-hero-copy {min-width:0;padding:25px 0}
.room-hero .room-label {font-size:14px;letter-spacing:.18em;color:var(--room-color);margin:24px 0 14px}
.room-hero h1 {font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(38px,4.1vw,59px);font-weight:500;line-height:1.5;letter-spacing:.025em;margin:0 0 22px}
.room-hero h1 em {font-style:normal;color:var(--room-color)}
.room-hero--tech h1 {font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:700;letter-spacing:-.04em}
.room-hero--reviews h1 {font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:600;letter-spacing:-.035em}
.room-hero .room-description {max-width:36em;font-size:14px;line-height:2.1;color:var(--hub-muted);margin:0 0 25px}
.room-hero .room-status {font-size:10px;line-height:1.9;color:var(--hub-muted);margin-top:17px}
.room-hero-art {margin:0;min-width:0;position:relative;background:var(--room-soft);aspect-ratio:6/5;overflow:hidden;border-radius:2px}
.room-hero-art img {display:block;width:100%;height:100%;object-fit:cover}
.room-hero-art figcaption {position:absolute;left:15px;bottom:14px;background:#f7f4eccf;color:#453b31;padding:5px 8px;font:8px/1.5 ui-monospace,monospace;letter-spacing:.12em}
.room-hero--reading .room-hero-art {border-radius:44% 44% 2px 2px}
.room-hero--sake .room-hero-art {border-radius:50% 50% 2px 2px}
.room-crossroads {margin:65px 0 50px;padding-top:28px;border-top:1px solid var(--hub-line)}
.room-crossroads h2 {font-size:20px;font-weight:500;line-height:1.8;margin:10px 0 22px}
.room-crossroads>div {display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.room-crossroads a {display:flex;align-items:center;gap:15px;min-height:56px;border-bottom:1px solid var(--hub-line);font-size:12px}
.room-crossroads a>span:first-child {font:10px ui-monospace,monospace;color:var(--hub-muted)}
.room-crossroads a>span:last-child {margin-left:auto;font-size:19px}
.room-crossroads strong {font-weight:500}
/* トップは更新順のブログではなく、目的の違う四つの入口。 */
.atelier-intro {display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:end;padding:46px 0 42px}
.atelier-intro h1 {font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(38px,4.3vw,60px);line-height:1.6;letter-spacing:.03em;font-weight:500;margin-top:16px}
.atelier-intro h1 em {font-style:normal;color:#8d684b}
.atelier-intro>div>p:not(.room-overline) {font-size:13px;line-height:2.1;color:var(--hub-muted)}
.atelier-intro .room-text-link {margin-top:18px}
.room-portals {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.room-portal {display:grid;grid-template-columns:.95fr 1fr;background:#ebe8e2;min-width:0;overflow:hidden;transition:transform .35s,box-shadow .35s}
.room-portal--tech {background:#e8e5ed}.room-portal--reading {background:#e9e0d4}.room-portal--sake {background:#e9e0cd}.room-portal--reviews {background:#e1e8ee}
.room-portal-art {min-width:0;min-height:280px;overflow:hidden}
.room-portal-art img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.room-portal-copy {padding:27px 24px;min-width:0;display:flex;flex-direction:column}
.room-portal-copy h2 {font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:27px;font-weight:600;line-height:1.5;margin:17px 0}
.room-portal-copy>p:not(.room-overline) {font-size:12px;line-height:2;color:#675f55}
.room-portal-foot {margin-top:auto;padding-top:18px;display:grid;gap:12px}
.room-portal-foot small {font:9px/1.6 sans-serif;color:#756e63}
.room-portal-foot>span {font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.room-portal-foot b {font-size:21px;font-weight:400}
.atelier-editors {padding:65px 0;border-bottom:1px solid var(--hub-line)}
.atelier-question-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.atelier-question-grid a {min-height:115px;display:grid;gap:13px;padding:18px 0;border-top:1px solid var(--hub-line)}
.atelier-question-grid span {font-size:12px;font-weight:600;line-height:1.8}
.atelier-question-grid strong {font-size:11px;line-height:1.8;font-weight:400;color:var(--hub-muted)}
.atelier-question-grid b {font-size:22px;font-weight:400;justify-self:end}
.atelier-latest {padding:50px 0;border-bottom:1px solid var(--hub-line)}
.atelier-latest:last-child {border:0;padding-bottom:70px}
.hub-directory {padding-top:0}
.hub-directory-head {padding:25px 0 30px;border-top:1px solid var(--hub-line)}
.hub-directory-head h2 {font-size:25px;font-weight:500;line-height:1.7;margin:10px 0}
.hub-directory-head p:not(.room-overline) {font-size:12px;line-height:1.9;color:var(--hub-muted)}
.hub-card {background:transparent;border-radius:0;border:0;border-bottom:1px solid var(--hub-line);box-shadow:none}
.hub-card-art {border-radius:2px;background:var(--room-soft)}
.hub-card-art img {transition:transform .5s;object-fit:cover}
.hub-card-copy {padding:20px 0}
.hub-card h3 {font-size:18px;line-height:1.75;font-weight:600;letter-spacing:.01em}
.hub-card-summary {font-size:12px;line-height:1.9;color:var(--hub-muted)}
.hub-card-meta {font-size:10px;color:var(--hub-muted)}
.hub-card-bottom {border:0;font-size:10px;color:var(--hub-muted);padding-top:16px}
.hub-card:hover {background:transparent;border-color:var(--room-color);box-shadow:none;transform:none}
.hub-card:hover .hub-card-art img {transform:scale(1.025)}
.hub-format {background:#f9f6eee8;color:var(--hub-ink);font-size:9px;border-radius:2px}
.hub-card--book .hub-card-art {background:var(--room-soft);height:230px;padding:22px}
.hub-card--book .hub-card-art img {height:100%;width:100%;object-fit:contain}
.hub-card--book h3 {font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:600}
.hub-chip {background:transparent;border-color:var(--hub-line);color:var(--hub-muted);border-radius:2px;min-height:44px;font-size:12px}
.hub-chip:hover,.hub-chip.is-active {background:var(--room-color);color:#fff;border-color:var(--room-color)}
.hub-chip.is-active>span {color:inherit;background:transparent}
.hub-format-filters {margin:10px 0 20px;gap:10px}
.hub-filters {border:0;padding:0 0 20px}
.hub-search>div {background:#ffffff66;border-radius:2px;border-color:var(--hub-line)}
.native-public .hub-search input[type=search] {border:0;box-shadow:none;background:none;color:var(--hub-ink)}
.native-public #reading-query {border:0;box-shadow:none;background:transparent;appearance:none}
.hub-search button {background:var(--room-color);border:0;border-radius:1px;color:#fff}
.native-public .hub-search button[aria-label] {background:var(--room-color);border:0;color:#fff;border-radius:1px}
.room-portals,.hub-discovery,.reading-shelf,.sake-notes,.objects-room #review-results {scroll-margin-top:16px}
.hub-result-head {border:0;margin:24px 0;padding:0}
.hub-result-head h2 {font-size:18px;font-weight:500}
.hub-result-head h2>span {color:var(--hub-muted)}
.hub-clear {color:var(--room-color);min-height:44px;display:inline-flex;align-items:center}
.hub-empty {background:var(--room-soft);border:0;border-radius:2px;padding:40px;margin:24px 0}
.hub-empty h3 {font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:23px;font-weight:500;line-height:1.7;margin:15px 0}
.hub-empty p {font-size:12px;line-height:2;color:var(--hub-muted)}
.hub-empty a {margin-top:17px}
.hub-disclosure {color:var(--hub-muted);font-size:10px;line-height:1.9;margin:25px 0 40px!important}
.hub-bottom-note {margin:35px 0;color:var(--hub-muted)}
/* 図書室。本の対象読者を目立たせ、対話の有無を正確に表示する。 */
.reading-room h2,.sake-room h2 {font-family:"Hiragino Mincho ProN","Yu Mincho",serif}
.reading-recommendations {padding:15px 0 55px}
.reading-picks {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.reading-picks>a {display:grid;grid-template-columns:95px 1fr;gap:25px;padding:26px;background:#ebe0d2;border-top:1px solid #cdb9a4;min-width:0;align-items:center}
.reading-picks img {width:95px;height:135px;object-fit:contain;display:block}
.reading-picks h3 {font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:18px;line-height:1.7;margin:15px 0}
.reading-pick-why {font-size:12px;line-height:1.9;margin-top:8px!important;color:#69564a}
.reading-picks .room-text-link {font-size:10px;border:0}
.reading-book-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
.reading-book-grid .hub-card h3 {font-size:17px}
.reading-book-grid .hub-card-art {height:240px}
.reading-method {display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:50px 0;margin-top:35px;border-top:1px solid var(--hub-line);border-bottom:1px solid var(--hub-line)}
.reading-method h2 {font-size:28px;line-height:1.8;font-weight:500;margin:15px 0}
.reading-method p {font-size:12px;line-height:2;color:var(--hub-muted)}
.reading-method ol {list-style:none;padding:0;margin:0}
.reading-method li {display:flex;gap:25px;padding:17px 0;border-bottom:1px solid var(--hub-line)}
.reading-method li:last-child {border:0}
.reading-method li>span {font:12px/2 ui-monospace,monospace;color:var(--room-color)}
.reading-method h3 {font-size:15px;font-weight:500;line-height:1.8;margin-bottom:7px}
.native-section-reading .library-detail {--library-paper:#f5efe6;--library-paper-deep:#eae0d3;--library-sheet:#faf7f1;--library-ink:#32251e;--library-muted:#786b60;--library-accent:#914b3c;--library-border:#ded1c3;color:#32251e}
.native-section-reading .library-detail__header {background:#ebe0d2;border-color:#ded1c3;border-radius:2px}
.native-section-reading .library-detail__title {color:#32251e}
.native-section-reading .library-detail__label,.native-section-reading .library-detail__author,.native-section-reading .library-detail__hook,.native-section-reading .library-detail__meta dt {color:#786b60}
.native-section-reading .library-detail__meta dd,.native-section-reading .library-section h2,.native-section-reading .library-toc h2 {color:#32251e}
.native-section-reading .library-prose,.native-section-reading .library-highlight {color:#4d4036}
.native-section-reading .library-highlight {background:#eee5d9;border-color:#c9b398}
.native-section-reading .library-sheet,.native-section-reading .library-toc {background:#faf7f1;border-color:#ded1c3;border-radius:2px;box-shadow:none}
.native-section-reading .library-section h2 {border-color:#ded1c3}
.native-section-reading .library-breadcrumbs a,.native-section-reading .library-toc a,.native-section-reading .library-sheet>p>a {color:#914b3c}
.native-section-reading .library-detail__header .library-chip {background:#f5efe6;border-color:#c9b398;color:#914b3c;border-radius:2px}
.native-section-reading .hub-book-purchase {background:#eae0d3;border-color:#ded1c3;border-radius:2px}
.native-section-reading .hub-book-purchase h2,.native-section-reading .hub-reading-session h3 {color:#32251e}
.native-section-reading .hub-session-intro {color:#786b60}
.native-section-reading .hub-session-question,.native-section-reading .hub-session-dialogue>li>div {background:#eee5d9;border-color:#ded1c3;color:#4d4036}
.native-section-reading .hub-book-purchase .hub-button {background:#914b3c;border-color:#914b3c;border-radius:2px}
.native-section-reading .library-related__card {background:#faf7f1;border-color:#ded1c3;border-radius:2px}
.native-section-reading .library-related h2,.native-section-reading .library-related__card h3 {color:#32251e}
.native-section-reading .library-related__card a {color:#914b3c}
.native-section-reading .library-related__card p {color:#786b60}
/* 日本酒は、写真と和の組版で独立したノートとして扱う。 */
.sake-notes {padding:20px 0}
.sake-notes .room-section-heading h2 {font-size:33px;line-height:1.8}
.sake-perspectives {display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:35px 0}
.sake-perspectives>div {padding:25px 0;border-top:1px solid #cbbc9f}
.sake-perspectives span {font-size:11px;color:#8a6839;letter-spacing:.16em}
.sake-perspectives h3 {font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:24px;font-weight:500;margin:20px 0;line-height:1.6}
.sake-perspectives p {font-size:12px;line-height:2;color:var(--hub-muted)}
.sake-waiting {padding:35px;background:#e9dfcd;margin-top:30px;border-left:2px solid #ad8b58}
.sake-waiting h3 {font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:21px;font-weight:500;margin:13px 0;line-height:1.7}
.sake-waiting p {font-size:12px;line-height:2;color:var(--hub-muted)}
.hub-review-principles {margin:40px 0;background:none;border:0;border-top:1px solid var(--hub-line);border-bottom:1px solid var(--hub-line);border-radius:0}
.hub-review-principles>div {padding:26px 0;border:0}
.hub-review-principles span {color:var(--room-color)}
.hub-review-principles h2 {font-size:18px;font-weight:500}
.hub-product-reading {padding-top:40px}
.hub-product-reading .hub-product-prose {color:var(--hub-ink)}
@media(hover:hover) and (pointer:fine) {
  .room-portal:hover {transform:translateY(-4px);box-shadow:0 12px 25px #4035250c}
  .room-portal:hover img {transform:scale(1.035)}
  .reading-picks>a:hover {background:#e5d8c7}
}
@media(max-width:1000px) {
  .native-public .native-masthead {gap:16px;padding:0 25px}
  .native-public .native-nav {gap:6px}
  .native-public #native-site-nav>a {font-size:11px;padding:13px 5px}
  .room-hero {gap:30px}
  .room-portal {grid-template-columns:.9fr 1fr}
  .room-portal-copy {padding:22px 18px}
  .room-portal-copy h2 {font-size:23px}
  .room-portal-art {min-height:270px}
  .reading-book-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) {
  .native-public .native-masthead {display:block;padding:0 22px}
  .native-public .native-header {width:100%;display:flex;justify-content:space-between;align-items:center;padding:17px 0}
  .native-public .native-brand span {font-size:18px}
  .native-public .native-brand small {font-size:7px}
  .native-public .native-nav {display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:0 0 16px;width:100%}
  .site-interactive .native-public .native-menu-toggle {display:flex;background:none;color:var(--hub-ink);border-color:var(--hub-line);border-radius:2px;padding:12px;min-height:44px}
  .site-interactive .native-public #native-site-nav {display:none}
  .site-interactive .native-public #native-site-nav.is-open {display:grid}
  .native-public #native-site-nav>a {padding:14px;font-size:12px;border:1px solid var(--hub-line);white-space:normal}
  .native-public .native-nav-indicator {display:none!important}
  .native-public #native-site-nav>a[aria-current] {background:var(--room-soft)}
  .room-hero {gap:24px;padding:32px 0 45px;grid-template-columns:1fr 1fr}
  .room-hero h1 {font-size:35px}
  .room-hero .room-description {font-size:12px}
  .room-hero .room-label {font-size:12px;margin-top:15px}
  .room-hero-art {align-self:stretch;aspect-ratio:auto}
  .room-hero-art img {min-height:300px}
  .atelier-intro {gap:24px;grid-template-columns:1fr 1fr}
  .atelier-intro h1 {font-size:36px}
  .room-portals {gap:16px}
  .room-portal {display:flex;flex-direction:column}
  .room-portal-art {min-height:0;height:190px}
  .room-portal-copy {padding:20px}
  .room-portal-copy h2 {margin:12px 0;font-size:24px}
  .room-portal-foot {padding-top:15px}
  .atelier-question-grid {grid-template-columns:1fr 1fr;gap:16px}
  .reading-picks {grid-template-columns:1fr}
  .reading-method {gap:30px}
  .room-crossroads>div {gap:15px}
  .room-crossroads a {font-size:11px;gap:8px}
}
@media(max-width:600px) {
  .hub-shell {padding:0 20px}
  .room-overline {font-size:8px!important}
  .atelier-intro {grid-template-columns:1fr;padding:28px 0;gap:17px}
  .atelier-intro h1 {font-size:34px;line-height:1.5;margin-top:10px}
  .atelier-intro>div>p:not(.room-overline) {font-size:11px;line-height:1.8}
  .atelier-intro .room-text-link {display:none}
  .room-portals {gap:12px}
  .room-portal-art {height:130px}
  .room-portal-copy {padding:14px 12px;flex:1}
  .room-portal-copy .room-overline {font-size:6px!important;letter-spacing:.06em}
  .room-portal-copy h2 {font-size:19px;line-height:1.5;margin:8px 0}
  .room-portal-copy>p:not(.room-overline) {font-size:10px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .room-portal-foot {gap:8px;padding-top:10px}
  .room-portal-foot small {font-size:9px}
  .room-portal-foot>span {font-size:10px}
  .room-portal-foot b {font-size:18px}
  .atelier-editors {padding:35px 0}
  .room-section-heading {gap:8px;margin-bottom:22px}
  .room-section-heading h2 {font-size:23px;line-height:1.7}
  .room-section-heading>a {margin-left:0;font-size:10px}
  .atelier-latest {padding:35px 0}
  .atelier-question-grid span {font-size:11px}
  .atelier-question-grid strong {font-size:10px}
  .room-hero {grid-template-columns:1fr;padding:27px 0 35px;gap:22px}
  .room-hero-copy {padding:0}
  .room-hero .room-label {font-size:11px;margin:15px 0 10px}
  .room-hero h1 {font-size:38px;line-height:1.5;margin-bottom:17px}
  .room-hero .room-description {font-size:12px;line-height:2;margin-bottom:18px}
  .room-hero .room-status {font-size:9px;margin-top:12px}
  .room-hero-art {height:245px;aspect-ratio:auto;align-self:auto}
  .room-hero-art img {min-height:0;height:100%;object-position:center 58%}
  .room-hero--tech .room-hero-art,.room-hero--sake .room-hero-art {height:300px}
  .room-hero--tech .room-hero-art img,.room-hero--sake .room-hero-art img {object-position:center 45%}
  .room-hero--reading .room-hero-art,.room-hero--sake .room-hero-art {border-radius:2px}
  .room-hero-art figcaption {font-size:7px;left:10px;bottom:10px}
  .hub-directory-head {gap:23px;padding:23px 0}
  .hub-directory-head h2 {font-size:23px}
  .hub-directory-head p:not(.room-overline) {font-size:11px}
  .hub-card h3 {font-size:18px}
  .hub-card-copy {padding:16px 0}
  .hub-card-summary {font-size:12px;line-height:1.9}
  .hub-empty {padding:27px 22px}
  .hub-empty h3 {font-size:21px}
  .hub-empty p {font-size:11px}
  .hub-result-head {align-items:start;gap:12px}
  .hub-result-head h2 {font-size:17px}
  .hub-clear {font-size:10px}
  .hub-format-filters {flex-wrap:wrap}
  .reading-recommendations {padding:10px 0 30px}
  .reading-picks>a {grid-template-columns:70px 1fr;gap:20px;padding:21px}
  .reading-picks img {width:70px;height:110px}
  .reading-pick-why {font-size:11px}
  .reading-picks h3 {font-size:16px;margin:10px 0;line-height:1.7}
  .reading-book-grid {grid-template-columns:1fr 1fr;gap:25px 16px}
  .reading-book-grid .hub-card-art {height:185px;padding:17px}
  .reading-book-grid .hub-card h3 {font-size:15px;line-height:1.8}
  .reading-book-grid .hub-card-meta {font-size:8px;gap:8px;flex-wrap:wrap}
  .reading-book-grid .hub-card-summary {font-size:10px;line-height:1.9}
  .reading-book-grid .hub-card-number {display:none}
  .reading-book-grid .hub-format {font-size:7px;top:8px;left:8px;padding:4px 6px}
  .reading-method {grid-template-columns:1fr;gap:20px;padding:30px 0}
  .reading-method h2 {font-size:25px}
  .reading-method li {padding:15px 0}
  .room-crossroads {margin:38px 0 30px;padding-top:25px}
  .room-crossroads h2 {font-size:19px}
  .room-crossroads>div {grid-template-columns:1fr;gap:6px}
  .room-crossroads a {font-size:12px;min-height:52px}
  .sake-notes {padding-top:10px}
  .sake-notes .room-section-heading h2 {font-size:27px}
  .sake-perspectives {grid-template-columns:1fr;gap:0;margin:15px 0}
  .sake-perspectives>div {padding:22px 0}
  .sake-perspectives h3 {font-size:22px;margin:12px 0}
  .sake-waiting {padding:25px;margin-top:15px}
  .sake-waiting h3 {font-size:20px}
  .native-public .native-footer {padding:35px 22px}
  .native-public .native-footer-title {font-size:23px}
}
@media(max-width:360px) {
  .room-portal-copy h2 {font-size:17px}
}
@media(prefers-reduced-motion:reduce) {
  .room-portal,.room-portal img,.room-button,.hub-card img {transition:none!important;transform:none!important}
}