/* C2 / seventh preview: material surfaces, working HTML controls. Scoped to two tool routes. */
body.nautical-reading.pirate-cabin-page {
  --cabin-wood: url('/images/preview/pirate/v6/emerald-wood.webp');
  --cabin-frame: url('/images/preview/pirate/v6/brass-frame.webp');
  --cabin-parchment: linear-gradient(#ecdfc5f7, #e6d5b4f7), url('/images/preview/captains-chart.webp');
  --cabin-brass: #c4a06b;
  --cabin-bone: #f3e8cf;
  --cabin-main-frame: 24px;
  --cabin-desk-frame: 16px;
  --cabin-frame-depth: 0 8px 18px #030b0799;
  background: linear-gradient(90deg, #0c100ee0, #0c100e40 15% 85%, #0c100ee0), var(--cabin-wood) center / 768px auto repeat;
  color: var(--cabin-bone);
  display: flow-root;
}
.pirate-cabin-page .cabin-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body.nautical-reading.pirate-cabin-page .site-header {
  width: min(1260px, calc(100% - 64px)); margin: 22px auto 0; border: 14px solid #8b663c; border-image: var(--cabin-frame) 130 / 14px stretch;
  background: linear-gradient(#0e2119a6, #0c1d17b3), var(--cabin-wood) center / 750px auto; overflow: visible;
  box-shadow: 0 8px 18px #030806b3;
}
body.nautical-reading.pirate-cabin-page .site-header__inner {
  width: 100%; min-height: 78px; padding: 10px 21px; align-items: center; gap: 24px;
}
body.nautical-reading.pirate-cabin-page .brand-mark,
body.nautical-reading.pirate-cabin-page .pirate-brand-crest { width: 48px; height: 54px; }
body.nautical-reading.pirate-cabin-page .brand-name { font-size: 24px; letter-spacing: .08em; }
body.nautical-reading.pirate-cabin-page .brand-subtitle { font-size: 11px; letter-spacing: .2em; margin-top: 3px; color: #d8c09a; }
body.nautical-reading.pirate-cabin-page .site-nav { gap: 12px; margin: 0; padding: 0; flex-wrap: nowrap; }
body.nautical-reading.pirate-cabin-page .site-nav a {
  min-height: 48px; padding: 4px 13px; display: flex; align-items: center; justify-content: center;
  border: 8px solid #a4824c; border-image: var(--cabin-frame) 130 / 8px stretch; border-radius: 0;
  background: linear-gradient(#122d23b3, #0b2018b3), var(--cabin-wood) center / 400px auto;
  color: #f2e5c9; box-shadow: 0 3px 6px #0008; font-family: 'STZhongsong', 'SimSun', serif; font-size: 15px;
}
body.nautical-reading.pirate-cabin-page .site-nav a::before,
body.nautical-reading.pirate-cabin-page .site-nav a::after { content: none; }
body.nautical-reading.pirate-cabin-page .site-nav a:hover { background-color: #385a36; filter: brightness(1.14); }
body.nautical-reading.pirate-cabin-page .text-studio {
  width: min(1260px, calc(100% - 64px)); max-width: 1260px; margin: 0 auto 35px; padding: 0 26px 26px;
  border: 0; border-radius: 0; box-shadow: 0 24px 40px #03080670;
  background: linear-gradient(#07120b47, #050e0959), var(--cabin-wood) center top / 768px auto repeat;
}
body.nautical-reading.pirate-cabin-page .text-studio::after { content: none; }
body.nautical-reading.pirate-cabin-page .tool-breadcrumb { min-height: 44px; padding: 0 3px; gap: 10px; font-size: 12px; color: #cfb98e; }
body.nautical-reading.pirate-cabin-page .tool-breadcrumb a { color: #ead5ac; }
body.nautical-reading.pirate-cabin-page .cabin-hero {
  position: relative; isolation: isolate; display: grid; place-items: center; overflow: hidden;
  height: auto; aspect-ratio: 3 / 1; margin: 0 -26px 24px; padding: 0; border: 0;
  background: #10281f; box-shadow: inset 0 -1px #bb995e;
}
body.nautical-reading.pirate-cabin-page .cabin-hero::after { content: none; }
.pirate-cabin-page .cabin-hero__scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.pirate-cabin-page .cabin-hero__copy { width: 41%; margin-left: -3%; text-align: center; padding-bottom: 30px; }
body.nautical-reading.pirate-cabin-page .cabin-hero h1 { margin: 0 0 12px; padding: 0; line-height: 1; }
.pirate-cabin-page .cabin-hero__title { display: block; width: 100%; height: auto; overflow: visible; filter: drop-shadow(0 3px 3px #030806aa); }
body.nautical-reading.pirate-cabin-page .cabin-hero .tool-lead { color: #f4e9ce; font-family: 'STKaiti', 'KaiTi', serif; font-size: clamp(16px, 1.8vw, 23px); letter-spacing: .18em; line-height: 1.6; text-shadow: 0 2px 4px #06130c; }
.pirate-cabin-page .cabin-hero__rule { display: flex; align-items: center; justify-content: center; gap: 14px; color: #caab71; margin: 14px auto 0; width: 80%; }
.pirate-cabin-page .cabin-hero__rule span { height: 1px; background: linear-gradient(90deg, transparent, #d8bc83); flex: 1; }
.pirate-cabin-page .cabin-hero__rule span:last-child { transform: rotate(180deg); }
.pirate-cabin-page .cabin-hero__rule svg { width: 36px; height: 36px; stroke: currentColor; stroke-width: 1.5; }
body.nautical-reading.pirate-cabin-page .tool-showcase { grid-template-columns: minmax(0, 1.75fr) minmax(290px, 1fr); gap: 22px; align-items: stretch; }
body.nautical-reading.pirate-cabin-page .tool-media-stage,
body.nautical-reading.pirate-cabin-page .tool-launch,
body.nautical-reading.pirate-cabin-page .tool-about-content section,
body.nautical-reading.pirate-cabin-page .tool-paper,
body.nautical-reading.pirate-cabin-page .tool-intro-editor {
  border: var(--cabin-main-frame) solid #98733d; border-image: var(--cabin-frame) 130 / var(--cabin-main-frame) stretch; border-radius: 0;
  background-origin: border-box; box-shadow: var(--cabin-frame-depth);
}
body.nautical-reading.pirate-cabin-page .tool-media-stage { padding: 3px; overflow: visible; background-color: #071f18; }
body.nautical-reading.pirate-cabin-page .tool-media-panel :is(img, video),
body.nautical-reading.pirate-cabin-page .tool-thumb-picture img,
body.nautical-reading.pirate-cabin-page .tool-launch-image img { aspect-ratio: 2 / 1; background: #10271f; }
body.nautical-reading.pirate-cabin-page .tool-media-thumbnails { gap: 12px; margin-top: 13px; }
body.nautical-reading.pirate-cabin-page .tool-media-thumb { flex: 0 1 150px; text-align: center; color: #dfcba7; }
body.nautical-reading.pirate-cabin-page .tool-thumb-picture { border: 8px solid #99733b; border-image: var(--cabin-frame) 130 / 8px stretch; background: #152b22; padding: 0; overflow: visible; box-shadow: 0 3px 8px #0008; }
body.nautical-reading.pirate-cabin-page .tool-media-thumb[aria-pressed='true'] .tool-thumb-picture { outline: 2px solid #d2b576; outline-offset: 2px; box-shadow: 0 0 0 5px #6c2924; }
body.nautical-reading.pirate-cabin-page .tool-media-thumb[aria-pressed='true'] { color: #fff1d0; }
body.nautical-reading.pirate-cabin-page .tool-media-caption { color: #d4c3a3; font-size: 12px; }
body.nautical-reading.pirate-cabin-page .tool-launch { align-self: start; padding: 21px; background: var(--cabin-parchment); background-size: cover; }
body.nautical-reading.pirate-cabin-page .tool-launch h2 { margin: 0 0 20px; color: #293324; font-family: 'STZhongsong', 'SimSun', serif; font-size: clamp(22px, 2.1vw, 29px); line-height: 1.4; text-align: center; }
body.nautical-reading.pirate-cabin-page .tool-launch-link { overflow: visible; border: 0; background: transparent; box-shadow: none; display: block; }
body.nautical-reading.pirate-cabin-page .tool-launch-image { border: 5px double #74603c; border-radius: 3px; padding: 3px; background: #10392a; box-shadow: 0 4px 10px #3a271e55; }
body.nautical-reading.pirate-cabin-page .tool-launch-open { background: #f2e4c4; color: #6c3027; border-radius: 2px; box-shadow: 0 2px 6px #0006; }
body.nautical-reading.pirate-cabin-page .tool-launch-label {
  border: 12px solid #ad8447; border-image: var(--cabin-frame) 130 / 12px stretch; margin-top: 16px; padding: 7px 12px;
  background: linear-gradient(#713026c4, #3c1310e8), var(--cabin-wood) center / 450px auto;
  color: #fff0d1; font-size: 22px; font-family: 'STZhongsong', 'SimSun', serif; justify-content: center; gap: 12px; text-shadow: 0 2px 2px #321010;
}
body.nautical-reading.pirate-cabin-page .tool-launch-link:hover { background: transparent; box-shadow: none; }
body.nautical-reading.pirate-cabin-page .tool-launch-link:hover .tool-launch-label { filter: brightness(1.16); }
body.nautical-reading.pirate-cabin-page .tool-launch-description { color: #4b4534; margin: 18px 0; font-size: 14px; }
body.nautical-reading.pirate-cabin-page .tool-launch-facts { border-color: #ac9166; font-size: 12px; padding-top: 12px; }
body.nautical-reading.pirate-cabin-page .tool-launch-facts dt { color: #65583e; }
body.nautical-reading.pirate-cabin-page .tool-launch-facts dd { color: #283d2d; }
body.nautical-reading.pirate-cabin-page .tool-introduction { border: 0; margin-top: 24px; padding: 0; }
body.nautical-reading.pirate-cabin-page .tool-about-heading { margin: 0 0 18px; }
body.nautical-reading.pirate-cabin-page .tool-about-heading h2 { font-size: 18px; color: #dcc49a; letter-spacing: .06em; }
body.nautical-reading.pirate-cabin-page .tool-introduction .tool-about-content { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
body.nautical-reading.pirate-cabin-page .tool-introduction .tool-about-content section { margin: 0; max-width: none; padding: 20px 26px; background: var(--cabin-parchment); background-size: cover; }
body.nautical-reading.pirate-cabin-page .tool-introduction .tool-about-content h3 { display: flex; align-items: center; gap: 16px; font-size: 27px; color: #2c3324; margin: 0 0 12px; font-family: 'STZhongsong', 'SimSun', serif; letter-spacing: .04em; }
.pirate-cabin-page .cabin-icon { flex: 0 0 43px; width: 43px; height: 43px; color: #77512c; }
body.nautical-reading.pirate-cabin-page .tool-about-content p,
body.nautical-reading.pirate-cabin-page .tool-about-content ul,
body.nautical-reading.pirate-cabin-page .tool-about-content ol { color: #3e3e2d; font-size: 16px; line-height: 1.85; margin: 0; text-wrap: pretty; }
body.nautical-reading.pirate-cabin-page .cabin-overview p { max-width: 42em; padding-left: 59px; }
body.nautical-reading.pirate-cabin-page .tool-introduction .tool-about-content .cabin-features { background: linear-gradient(#091d1370, #091d1370), var(--cabin-wood) center / 768px auto; }
body.nautical-reading.pirate-cabin-page .tool-introduction .cabin-features h3 { color: #f4e9d0; }
.pirate-cabin-page .cabin-features .cabin-icon { color: #d2ac6d; }
body.nautical-reading.pirate-cabin-page .cabin-features ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0; list-style: none; }
body.nautical-reading.pirate-cabin-page .cabin-features li { position: relative; margin: 0; padding: 16px 18px 16px 52px; border: 1px solid #baa174; box-shadow: inset 0 0 0 4px #b4996830; background: var(--cabin-parchment); background-size: cover; }
.pirate-cabin-page .cabin-features li::before { content: ''; position: absolute; left: 18px; top: 17px; width: 23px; height: 23px; border: 1px solid #52613e; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m5 12 4 4L19 6' stroke='%2326452d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat; }
body.nautical-reading.pirate-cabin-page .cabin-howto ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; padding: 0; list-style: none; counter-reset: cabin-step; }
body.nautical-reading.pirate-cabin-page .cabin-howto ol.tool-steps--long { grid-template-columns: minmax(0, 1fr); max-width: 48em; gap: 20px; }
body.nautical-reading.pirate-cabin-page .tool-about-content li { min-width: 0; overflow-wrap: anywhere; }
body.nautical-reading.pirate-cabin-page .cabin-howto li { position: relative; counter-increment: cabin-step; margin: 0; padding-left: 48px; }
.pirate-cabin-page .cabin-howto li::before { content: counter(cabin-step); position: absolute; left: 0; top: 0; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #6a2722; color: #fff0cc; border: 1px solid #b99a60; font: 22px Georgia, serif; box-shadow: 0 2px 4px #5f3b282e; }
.pirate-cabin-page .cabin-howto .cabin-icon { color: #6a2722; }
body.nautical-reading.pirate-cabin-page .tool-about-note { color: #cfbd9b; font-size: 12px; margin: 20px 4px 0; line-height: 1.85; }
body.nautical-reading.pirate-cabin-page .tool-feedback { color: #e3cba3; }
body.nautical-reading.pirate-cabin-page .tool-button {
  border: 9px solid #9d7544; border-image: var(--cabin-frame) 130 / 9px stretch; border-radius: 0; padding: 3px 13px; min-height: 44px;
  color: #f3e7cc; background: linear-gradient(#122e23b3, #0e2019b3), var(--cabin-wood) center / 500px auto; box-shadow: 0 3px 6px #0007;
}
body.nautical-reading.pirate-cabin-page .tool-button:hover { filter: brightness(1.16); }
body.nautical-reading.pirate-cabin-page .tool-button--primary { background: linear-gradient(#713026cc, #3c1310eb), var(--cabin-wood) center / 450px auto; color: #fff0d1; }
body.nautical-reading.pirate-cabin-page .tool-intro-editor { background: var(--cabin-parchment); background-size: cover; padding: 25px; }
body.nautical-reading.pirate-cabin-page .tool-intro-editor textarea { background: #f5ecd8; border-color: #97815c; color: #30382b; }
body.nautical-reading.pirate-cabin-page .tool-intro-editor label { color: #34402d; }
body.nautical-reading.pirate-cabin-page .tool-intro-editor label span { color: #5e573e; }
body.nautical-reading.pirate-cabin-page .tool-text-button { color: #713b28; font-weight: 600; }
body.nautical-reading.pirate-cabin-page .tool-text-button:disabled { color: #716959; }
body.nautical-reading.pirate-cabin-page .site-footer { width: min(1260px, calc(100% - 64px)); margin: 0 auto; padding: 24px 0; border-top: 3px double #917141; background: #09181080; }
body.nautical-reading.pirate-cabin-page .site-footer__inner { width: calc(100% - 48px); color: #cfbc99; }

/* The working desk uses the same cabin, with a shorter scenic header. */
body.nautical-reading.pirate-cabin-page.text-studio-app-page .text-studio-app { margin-top: 0; padding: 0 26px 26px; }
body.nautical-reading.pirate-cabin-page .cabin-hero--compact { aspect-ratio: auto; height: 180px; margin-bottom: 16px; }
.pirate-cabin-page .cabin-hero--compact .cabin-hero__scene { object-position: 50% 42%; }
.pirate-cabin-page .cabin-hero--compact .cabin-hero__copy { width: 32%; padding-bottom: 0; }
body.nautical-reading.pirate-cabin-page .cabin-hero--compact .tool-lead { font-size: 17px; }
.pirate-cabin-page .cabin-hero--compact .cabin-hero__rule { display: none; }
body.nautical-reading.pirate-cabin-page .tool-options {
  border: 1px solid #b5945d; border-top: 3px double #b5945d; background: linear-gradient(#dbc9a7f0,#e9dbbff0); color: #303d2b; padding: 8px 18px 12px; margin-bottom: 18px; gap: 6px 26px; box-shadow: inset 0 0 0 4px #8a673d22;
}
body.nautical-reading.pirate-cabin-page .tool-options legend { padding: 4px 12px; background: #143126; color: #f0ddba; border: 1px solid #a98650; font-size: 12px; }
body.nautical-reading.pirate-cabin-page .tool-options label { min-height: 44px; color: #303d2b; font-size: 14px; }
body.nautical-reading.pirate-cabin-page .tool-options input { accent-color: #28543d; width: 18px; height: 18px; }
body.nautical-reading.pirate-cabin-page .tool-workspace { gap: 18px; }
body.nautical-reading.pirate-cabin-page .tool-paper { border-width: var(--cabin-desk-frame); border-image-width: var(--cabin-desk-frame); background: #eee3cc; }
body.nautical-reading.pirate-cabin-page .tool-paper-heading { background: #d6c6a0; border-bottom: 1px solid #aa9365; color: #263e2c; padding: 5px 17px; min-height: 54px; }
body.nautical-reading.pirate-cabin-page .tool-paper-heading label { font-size: 16px; color: #263e2c; }
body.nautical-reading.pirate-cabin-page .tool-paper--result .tool-paper-heading { background: #244735; }
body.nautical-reading.pirate-cabin-page .tool-paper--result .tool-paper-heading label,
body.nautical-reading.pirate-cabin-page .tool-paper--result .tool-text-button { color: #f0e3c4; }
body.nautical-reading.pirate-cabin-page .tool-paper--result .tool-text-button:disabled { color: #b5c0ac; }
body.nautical-reading.pirate-cabin-page .tool-paper textarea { min-height: 190px; padding: 15px 17px; color: #31382c; font-size: 15px; line-height: 1.9; background-image: repeating-linear-gradient(transparent 0 27px, #8d91641a 28px 29px); background-position: 0 18px; }
body.nautical-reading.pirate-cabin-page .tool-paper textarea::placeholder { color: #68684e; }
body.nautical-reading.pirate-cabin-page .tool-count { color: #636348; }
body.nautical-reading.pirate-cabin-page .tool-action-row { margin-top: 0; }
body.nautical-reading.pirate-cabin-page .tool-footnote { color: #d1bd99; font-size: 12px; }
body.nautical-reading.pirate-cabin-page.text-studio-app-page .site-header { margin-top: 12px; }
body.nautical-reading.pirate-cabin-page.text-studio-app-page .site-header__inner { min-height: 68px; padding-block: 6px; }
body.nautical-reading.pirate-cabin-page.text-studio-app-page .tool-paper textarea { min-height: 170px; }
body.nautical-reading.pirate-cabin-page :is(a, button, input, textarea):focus-visible { outline: 3px solid #f0c677; outline-offset: 4px; }
body.nautical-reading.pirate-cabin-page :is(.tool-launch, .tool-paper, .tool-intro-editor, .tool-options) :is(a, button, input, textarea):focus-visible { outline-color: #793224; }
.pirate-cabin-page ::selection { background: #dbc28b; color: #203b2b; }
.pirate-cabin-page :is(textarea, input) { caret-color: #7d3025; scrollbar-color: #8f7049 #e7dbc0; scrollbar-width: thin; }
.pirate-cabin-page .cabin-deck-trim { position: relative; margin: 24px -26px -26px; height: clamp(145px, 15vw, 190px); overflow: hidden; pointer-events: none; }
.pirate-cabin-page .cabin-deck-trim img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
.pirate-cabin-page .cabin-deck-trim::after { content: ''; position: absolute; inset: 0; background: linear-gradient(#10231c66, transparent 35%); }

@media (max-width: 1050px) {
  body.nautical-reading.pirate-cabin-page .site-header,
  body.nautical-reading.pirate-cabin-page .text-studio,
  body.nautical-reading.pirate-cabin-page .site-footer { width: calc(100% - 32px); }
  body.nautical-reading.pirate-cabin-page .site-header__inner { padding-inline: 8px; gap: 12px; }
  body.nautical-reading.pirate-cabin-page .brand-name { font-size: 21px; }
  body.nautical-reading.pirate-cabin-page .site-nav { gap: 7px; }
  body.nautical-reading.pirate-cabin-page .site-nav a { font-size: 13px; padding-inline: 8px; }
  .pirate-cabin-page .cabin-hero__copy { padding-bottom: 10px; width: 42%; }
  .pirate-cabin-page .cabin-hero__rule { margin-top: 8px; }
  body.nautical-reading.pirate-cabin-page .tool-showcase { grid-template-columns: minmax(0, 1.7fr) minmax(250px, 1fr); gap: 18px; }
  body.nautical-reading.pirate-cabin-page .tool-launch { padding: 14px; }
  body.nautical-reading.pirate-cabin-page .tool-launch-label { font-size: 18px; padding-inline: 5px; }
}
@media (max-width: 760px) {
  body.nautical-reading.pirate-cabin-page { --cabin-main-frame: 18px; --cabin-desk-frame: 14px; }
  body.nautical-reading.pirate-cabin-page .site-header { margin-top: 12px; border-width: 10px; border-image-width: 10px; }
  body.nautical-reading.pirate-cabin-page .site-header__inner { flex-direction: column; align-items: flex-start; min-height: 0; padding: 12px; gap: 15px; }
  body.nautical-reading.pirate-cabin-page .brand { gap: 10px; }
  body.nautical-reading.pirate-cabin-page .brand-name { font-size: 23px; }
  body.nautical-reading.pirate-cabin-page .site-nav { width: 100%; justify-content: flex-start; gap: 8px; }
  body.nautical-reading.pirate-cabin-page .site-nav a { min-height: 44px; font-size: 13px; padding: 2px 9px; border-width: 6px; border-image-width: 6px; }
  body.nautical-reading.pirate-cabin-page .text-studio,
  body.nautical-reading.pirate-cabin-page.text-studio-app-page .text-studio-app { padding: 0 12px 22px; }
  body.nautical-reading.pirate-cabin-page .cabin-hero { margin-inline: -12px; }
  body.nautical-reading.pirate-cabin-page .tool-breadcrumb { font-size: 12px; }
  body.nautical-reading.pirate-cabin-page .tool-showcase { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  body.nautical-reading.pirate-cabin-page .tool-launch { padding: 18px; }
  body.nautical-reading.pirate-cabin-page .tool-launch-link { display: grid; grid-template-columns: 44% minmax(0, 1fr); align-items: center; gap: 12px; }
  body.nautical-reading.pirate-cabin-page .tool-launch-label { margin: 0; padding: 10px 6px; font-size: 18px; }
  body.nautical-reading.pirate-cabin-page .tool-launch h2 { font-size: 25px; margin-bottom: 17px; }
  body.nautical-reading.pirate-cabin-page .tool-launch-label > span { display: none; }
  body.nautical-reading.pirate-cabin-page .tool-introduction .tool-about-content section { padding: 18px; }
  body.nautical-reading.pirate-cabin-page .tool-introduction .tool-about-content h3 { font-size: 23px; gap: 10px; }
  .pirate-cabin-page .cabin-icon { width: 35px; height: 35px; flex-basis: 35px; }
  body.nautical-reading.pirate-cabin-page .cabin-overview p { padding-left: 0; }
  body.nautical-reading.pirate-cabin-page .cabin-howto ol { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  body.nautical-reading.pirate-cabin-page .cabin-howto li { min-height: 34px; }
  body.nautical-reading.pirate-cabin-page .cabin-hero--compact { height: 200px; }
  .pirate-cabin-page .cabin-hero--compact .cabin-hero__copy { width: 45%; }
  body.nautical-reading.pirate-cabin-page .site-footer__inner { flex-direction: column; gap: 8px; }
  .pirate-cabin-page .cabin-deck-trim { margin: 22px -12px -22px; height: 130px; }
}
@media (max-width: 540px) {
  body.nautical-reading.pirate-cabin-page .site-header,
  body.nautical-reading.pirate-cabin-page .text-studio,
  body.nautical-reading.pirate-cabin-page .site-footer { width: calc(100% - 20px); }
  body.nautical-reading.pirate-cabin-page .brand-name { font-size: 21px; letter-spacing: .04em; }
  body.nautical-reading.pirate-cabin-page .brand-mark,
  body.nautical-reading.pirate-cabin-page .pirate-brand-crest { width: 36px; height: 44px; }
  body.nautical-reading.pirate-cabin-page .brand-subtitle { font-size: 10px; }
  body.nautical-reading.pirate-cabin-page .site-header__inner { padding: 10px 6px; }
  body.nautical-reading.pirate-cabin-page .site-nav { gap: 5px; justify-content: space-between; }
  body.nautical-reading.pirate-cabin-page .site-nav a { font-size: 12px; padding-inline: 7px; }
  body.nautical-reading.pirate-cabin-page .cabin-hero { aspect-ratio: auto; height: auto; display: flex; flex-direction: column; align-items: center; background: var(--cabin-wood) center / 500px auto; }
  .pirate-cabin-page .cabin-hero__scene { position: relative; order: 2; inset: auto; height: auto; aspect-ratio: 3 / 1; object-fit: contain; z-index: 0; }
  .pirate-cabin-page .cabin-hero__copy { order: 1; width: 88%; margin: 0; padding: 22px 10px 16px; }
  body.nautical-reading.pirate-cabin-page .cabin-hero h1 { margin-bottom: 10px; }
  body.nautical-reading.pirate-cabin-page .cabin-hero .tool-lead { font-size: 17px; letter-spacing: .08em; }
  .pirate-cabin-page .cabin-hero__rule { display: none; }
  body.nautical-reading.pirate-cabin-page { --cabin-main-frame: 16px; --cabin-desk-frame: 12px; }
  body.nautical-reading.pirate-cabin-page .tool-media-thumbnails { gap: 9px; }
  body.nautical-reading.pirate-cabin-page .tool-media-thumb { font-size: 12px; }
  body.nautical-reading.pirate-cabin-page .tool-thumb-picture { border-width: 6px; border-image-width: 6px; }
  body.nautical-reading.pirate-cabin-page .tool-launch { padding: 15px; }
  body.nautical-reading.pirate-cabin-page .tool-launch-link { gap: 10px; }
  body.nautical-reading.pirate-cabin-page .tool-launch-label { font-size: 16px; text-align: center; }
  body.nautical-reading.pirate-cabin-page .tool-launch-description { font-size: 15px; }
  body.nautical-reading.pirate-cabin-page .tool-about-heading { gap: 10px; flex-wrap: wrap; }
  body.nautical-reading.pirate-cabin-page .tool-about-heading h2 { font-size: 17px; }
  body.nautical-reading.pirate-cabin-page .tool-button { font-size: 13px; padding-inline: 8px; }
  body.nautical-reading.pirate-cabin-page .tool-introduction .tool-about-content section { padding: 15px; }
  body.nautical-reading.pirate-cabin-page .tool-introduction .tool-about-content h3 { font-size: 22px; }
  body.nautical-reading.pirate-cabin-page .tool-about-content p,
  body.nautical-reading.pirate-cabin-page .tool-about-content ul,
  body.nautical-reading.pirate-cabin-page .tool-about-content ol { font-size: 16px; }
  body.nautical-reading.pirate-cabin-page .cabin-features ul { grid-template-columns: minmax(0, 1fr); }
  body.nautical-reading.pirate-cabin-page .cabin-features li { padding: 14px 14px 14px 45px; }
  .pirate-cabin-page .cabin-features li::before { left: 13px; top: 16px; }
  body.nautical-reading.pirate-cabin-page .tool-intro-editor { padding: 13px; }
  body.nautical-reading.pirate-cabin-page .tool-paper textarea,
  body.nautical-reading.pirate-cabin-page .tool-intro-editor textarea { font-size: 16px; }
  body.nautical-reading.pirate-cabin-page .cabin-hero--compact { height: 125px; display: grid; place-items: center; isolation: isolate; }
  .pirate-cabin-page .cabin-hero--compact .cabin-hero__scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
  .pirate-cabin-page .cabin-hero--compact .cabin-hero__copy { width: 78%; padding: 10px 0; background: #0b251dbd; box-shadow: 0 0 24px 12px #0b251dbd; }
  body.nautical-reading.pirate-cabin-page .cabin-hero--compact h1 { margin: 0; }
  body.nautical-reading.pirate-cabin-page .cabin-hero--compact .tool-lead { display: none; }
  body.nautical-reading.pirate-cabin-page .tool-options { padding: 8px 12px; gap: 2px 14px; }
  body.nautical-reading.pirate-cabin-page .tool-options label { font-size: 14px; }
  body.nautical-reading.pirate-cabin-page .tool-workspace { gap: 18px; }
  body.nautical-reading.pirate-cabin-page .tool-action-row .tool-feedback { flex-basis: 100%; margin-left: 0; }
}
@media (max-width: 360px) {
  body.nautical-reading.pirate-cabin-page .brand-name { font-size: 19px; }
  body.nautical-reading.pirate-cabin-page .site-nav a { padding-inline: 4px; font-size: 11px; }
  body.nautical-reading.pirate-cabin-page .tool-launch-link { display: block; }
  body.nautical-reading.pirate-cabin-page .tool-launch-label { margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  body.nautical-reading.pirate-cabin-page *,
  body.nautical-reading.pirate-cabin-page *::before,
  body.nautical-reading.pirate-cabin-page *::after { transition: none !important; scroll-behavior: auto !important; }
}